Upload 2 files

README.md

@@ -6,7 +6,7 @@ colorTo: pink
 sdk: static
 pinned: true
 license: mit
-short_description: Modelflare gateway — console, docs, bilingual SDK
+short_description: "Modelflare gateway: console, docs, SDK guide, blog"
 ---
 
 # Start with Modelflare
@@ -18,6 +18,7 @@ Hugging Face landing for [Modelflare](https://modelflare.dev/) — OpenAI-compat
 - SDK guide: https://huggingface.co/spaces/Modelflare/openai-sdk
 - Coding agents: https://huggingface.co/spaces/Modelflare/coding-agents
 - API recipes: https://huggingface.co/spaces/Modelflare/api-recipes
+- Blog: https://huggingface.co/spaces/Modelflare/blog
 - Dataset: https://huggingface.co/datasets/Modelflare/api-examples
 - Collection: https://huggingface.co/collections/Modelflare/modelflare-getting-started
 - Discussion: https://huggingface.co/spaces/Modelflare/start/discussions/1

index.html

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="zh-CN">
+<html lang="en">
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -46,48 +46,8 @@
 </head>
 <body>
   <div class="wrap">
-    <div class="lang">
-      <button type="button" class="on" data-lang="zh">中文</button>
-      <button type="button" data-lang="en">English</button>
-    </div>
 
-    <section id="zh">
-      <div class="badge">Hugging Face × Modelflare</div>
-      <h1>稳定、更省的 AI API 网关</h1>
-      <p class="lead">文本 / 图片 / 视频同一把钥匙。OpenAI 兼容 —— 把 SDK 的 <code>base_url</code> 指到 <code>https://modelflare.dev/v1</code>，带分组故障转移与按请求成本记录。</p>
-      <div class="cta">
-        <a class="btn primary" href="https://modelflare.dev/?utm_source=huggingface&utm_medium=space&utm_campaign=start" target="_blank" rel="noopener">打开控制台 →</a>
-        <a class="btn ghost" href="https://docs.modelflare.dev/?utm_source=huggingface&utm_medium=space&utm_campaign=start" target="_blank" rel="noopener">阅读文档</a>
-        <a class="btn ghost" href="https://huggingface.co/spaces/Modelflare/openai-sdk" target="_blank" rel="noopener">SDK 一行接入</a>
-        <a class="btn ghost" href="https://huggingface.co/spaces/Modelflare/coding-agents" target="_blank" rel="noopener">Coding Agents</a>
-        <a class="btn ghost" href="https://huggingface.co/spaces/Modelflare/api-recipes" target="_blank" rel="noopener">API Recipes</a>
-        <a class="btn ghost" href="https://huggingface.co/collections/Modelflare/modelflare-getting-started" target="_blank" rel="noopener">Getting Started 合集</a>
-        <a class="btn ghost" href="https://huggingface.co/datasets/Modelflare/api-examples" target="_blank" rel="noopener">示例 Dataset</a>
-        <a class="btn ghost" href="https://huggingface.co/spaces/Modelflare/start/discussions/1" target="_blank" rel="noopener">讨论 #1</a>
-      </div>
-      <div class="grid">
-        <div class="card"><h3>一把钥匙</h3><p>Chat、Responses、Anthropic Messages、图片与视频共用鉴权。</p></div>
-        <div class="card"><h3>分组故障转移</h3><p>主路由不可用时按序回退，请求不白挂。</p></div>
-        <div class="card"><h3>用量与成本</h3><p>按请求记录 token / 图片 / 视频花费；Smart keys 与缓存命中保障。</p></div>
-      </div>
-      <h2>快速开始</h2>
-      <pre><button class="copy" type="button">复制</button><code>from openai import OpenAI
-
-client = OpenAI(
-    api_key="YOUR_MODELFLARE_KEY",
-    base_url="https://modelflare.dev/v1",
-)
-
-r = client.chat.completions.create(
-    model="grok-4.7",
-    messages=[{"role": "user", "content": "Hello from Hugging Face"}],
-)
-print(r.choices[0].message.content)</code></pre>
-      <div class="note"><strong>从 Hub 来？</strong>先领 key，再看 <a href="https://huggingface.co/spaces/Modelflare/openai-sdk">中英 SDK 教程</a>、<a href="https://huggingface.co/spaces/Modelflare/coding-agents">Coding Agents</a>、<a href="https://huggingface.co/spaces/Modelflare/api-recipes">API Recipes</a>。可互动 Chat Demo 需 HF PRO 后上线；现在请用控制台 + API。欢迎在 <a href="https://huggingface.co/spaces/Modelflare/start/discussions/1">讨论 #1</a> 留言。</div>
-      <p class="foot">Org：<a href="https://huggingface.co/Modelflare">huggingface.co/Modelflare</a> · Docs：<a href="https://docs.modelflare.dev/?utm_source=huggingface&utm_medium=space&utm_campaign=start">docs.modelflare.dev</a></p>
-    </section>
-
-    <section id="en" class="hidden">
+    <section id="en">
       <div class="badge">Hugging Face × Modelflare</div>
       <h1>Stable, lower-cost AI API gateway</h1>
       <p class="lead">One key for LLM, image, and video. OpenAI-compatible chat — point your SDK at <code>https://modelflare.dev/v1</code>, with group failover and per-request cost tracking.</p>
@@ -97,6 +57,7 @@ print(r.choices[0].message.content)</code></pre>
         <a class="btn ghost" href="https://huggingface.co/spaces/Modelflare/openai-sdk" target="_blank" rel="noopener">SDK one-line guide</a>
         <a class="btn ghost" href="https://huggingface.co/spaces/Modelflare/coding-agents" target="_blank" rel="noopener">Coding Agents</a>
         <a class="btn ghost" href="https://huggingface.co/spaces/Modelflare/api-recipes" target="_blank" rel="noopener">API Recipes</a>
+        <a class="btn ghost" href="https://huggingface.co/spaces/Modelflare/blog" target="_blank" rel="noopener">Blog</a>
         <a class="btn ghost" href="https://huggingface.co/collections/Modelflare/modelflare-getting-started" target="_blank" rel="noopener">Getting Started</a>
         <a class="btn ghost" href="https://huggingface.co/datasets/Modelflare/api-examples" target="_blank" rel="noopener">Examples dataset</a>
         <a class="btn ghost" href="https://huggingface.co/spaces/Modelflare/start/discussions/1" target="_blank" rel="noopener">Discussion #1</a>
@@ -110,35 +71,29 @@ print(r.choices[0].message.content)</code></pre>
       <pre><button class="copy" type="button">Copy</button><code>from openai import OpenAI
 
 client = OpenAI(
-    api_key="YOUR_MODELFLARE_KEY",
+    api_key="YOUR_MODELFLARE_API_KEY",
     base_url="https://modelflare.dev/v1",
 )
 
 r = client.chat.completions.create(
-    model="grok-4.7",
+    model="gpt-5.6-sol",
     messages=[{"role": "user", "content": "Hello from Hugging Face"}],
 )
 print(r.choices[0].message.content)</code></pre>
-      <div class="note"><strong>Coming from Hub?</strong> Grab a key, then follow the <a href="https://huggingface.co/spaces/Modelflare/openai-sdk">bilingual SDK guide</a>, <a href="https://huggingface.co/spaces/Modelflare/coding-agents">Coding Agents</a>, and <a href="https://huggingface.co/spaces/Modelflare/api-recipes">API Recipes</a>. Interactive Chat Demo needs HF PRO; use console + API for now. Feedback welcome in <a href="https://huggingface.co/spaces/Modelflare/start/discussions/1">discussion #1</a>.</div>
+      <div class="note"><strong>Coming from Hub?</strong> Grab a key, then follow the <a href="https://huggingface.co/spaces/Modelflare/openai-sdk">SDK guide</a>, <a href="https://huggingface.co/spaces/Modelflare/coding-agents">Coding Agents</a>, and <a href="https://huggingface.co/spaces/Modelflare/api-recipes">API Recipes</a>. Interactive Chat Demo needs HF PRO; use console + API for now. Feedback welcome in <a href="https://huggingface.co/spaces/Modelflare/start/discussions/1">discussion #1</a>.</div>
+      <h2 style="margin-top:28px">Blog</h2>
+      <div class="grid">
+        <div class="card"><h3><a href="https://huggingface.co/spaces/Modelflare/blog">Modelflare Blog</a></h3><p>Setup guides and engineering notes: one key for text, image, and video; the OpenAI SDK switch; coding agents; streaming, fallback, and async video; Smart API Keys; usage and cost records; Media Skill; Castaly.</p></div>
+      </div>
       <p class="foot">Org: <a href="https://huggingface.co/Modelflare">huggingface.co/Modelflare</a> · Docs: <a href="https://docs.modelflare.dev/?utm_source=huggingface&utm_medium=space&utm_campaign=start">docs.modelflare.dev</a></p>
     </section>
   </div>
 
   <script>
-    const zh=document.getElementById('zh'), en=document.getElementById('en');
-    document.querySelectorAll('.lang button').forEach(btn=>{
-      btn.addEventListener('click',()=>{
-        document.querySelectorAll('.lang button').forEach(b=>b.classList.remove('on'));
-        btn.classList.add('on');
-        const l=btn.dataset.lang;
-        zh.classList.toggle('hidden',l!=='zh');
-        en.classList.toggle('hidden',l!=='en');
-      });
-    });
     document.querySelectorAll('pre .copy').forEach(btn=>{
       btn.addEventListener('click',async()=>{
         const code=btn.parentElement.querySelector('code').innerText;
-        try{await navigator.clipboard.writeText(code);const t=btn.textContent;btn.textContent=t.includes('Copy')?'Copied':'已复制';setTimeout(()=>btn.textContent=t,1200)}catch(_){}
+        try{await navigator.clipboard.writeText(code);const t=btn.textContent;btn.textContent='Copied';setTimeout(()=>btn.textContent=t,1200)}catch(_){}
       });
     });
   </script>