From 9762472ab33b3bdc841be57692b7fa556920c18b Mon Sep 17 00:00:00 2001
From: liguochuan <292761894@qq.com>
Date: Fri, 28 Aug 2026 14:55:02 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20style(website):=20=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5=20hero=20=E5=AE=89=E8=A3=85=E5=91=BD=E4=BB=A4?=
 =?UTF-8?q?=E6=94=B9=E4=B8=BA=E5=85=A8=E5=B1=80=E5=AE=89=E8=A3=85=E5=8F=A3?=
 =?UTF-8?q?=E5=BE=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- zh/en 首页 hero 复制命令条由 npx 改为 npm i -g @double-coding/flow2spec && flow2spec init
- 与 README/快速开始区安装口径保持一致
---
 website/src/pages/en/index.astro | 2 +-
 website/src/pages/index.astro    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/website/src/pages/en/index.astro b/website/src/pages/en/index.astro
index eaf620d..2d93082 100644
--- a/website/src/pages/en/index.astro
+++ b/website/src/pages/en/index.astro
@@ -17,7 +17,7 @@ const sections = [
 <Layout lang="en" title="Flow2Spec — Give AI the project facts it needs" description="Flow2Spec gives AI development tools a routable, documented knowledge layer for software teams.">
   <Header english />
   <main class="home-main">
-    <section class="hero" id="top"><div class="hero-inner"><div class="hero-copy"><p class="eyebrow"><span class="eyebrow-dot"></span>AI coding context, made routable</p><h1>Give AI the<br /><em>project facts</em> it needs.</h1><p class="hero-lead">Flow2Spec gives AI development tools a documented collaboration layer. Route each request to the facts that matter, then start changing code.</p><div class="hero-actions"><a class="button button-primary" href="#quick-start">Get started <span aria-hidden="true">↓</span></a><a class="button button-outline" href="https://github.com/double-coding-lab/Flow2Spec" target="_blank" rel="noreferrer">View on GitHub <span aria-hidden="true">↗</span></a></div><button class="install-command" type="button" data-copy="npx @double-coding/flow2spec@latest init"><code>npx @double-coding/flow2spec@latest init</code><span data-copy-label>Copy</span></button></div><div class="hero-art" aria-label="Flow2Spec knowledge routing illustration"><div class="art-sun"></div><div class="art-window"><div class="window-bar"><span></span><span></span><span></span><b>project facts</b></div><div class="window-body"><div class="code-line wide"></div><div class="code-line short"></div><div class="code-line medium"></div><div class="code-line accent"></div><div class="code-line wide"></div><div class="code-line short"></div></div></div><div class="art-card card-route"><span class="card-icon">↗</span><b>route hit</b><small>4 topics · 300 lines</small></div><div class="art-card card-fact"><span class="card-icon">✓</span><b>verified fact</b><small>Redis lock · TTL 10 min</small></div><div class="art-sticker">less rediscovery<br />more building</div></div></div></section>
+    <section class="hero" id="top"><div class="hero-inner"><div class="hero-copy"><p class="eyebrow"><span class="eyebrow-dot"></span>AI coding context, made routable</p><h1>Give AI the<br /><em>project facts</em> it needs.</h1><p class="hero-lead">Flow2Spec gives AI development tools a documented collaboration layer. Route each request to the facts that matter, then start changing code.</p><div class="hero-actions"><a class="button button-primary" href="#quick-start">Get started <span aria-hidden="true">↓</span></a><a class="button button-outline" href="https://github.com/double-coding-lab/Flow2Spec" target="_blank" rel="noreferrer">View on GitHub <span aria-hidden="true">↗</span></a></div><button class="install-command" type="button" data-copy="npm i -g @double-coding/flow2spec && flow2spec init"><code>npm i -g @double-coding/flow2spec && flow2spec init</code><span data-copy-label>Copy</span></button></div><div class="hero-art" aria-label="Flow2Spec knowledge routing illustration"><div class="art-sun"></div><div class="art-window"><div class="window-bar"><span></span><span></span><span></span><b>project facts</b></div><div class="window-body"><div class="code-line wide"></div><div class="code-line short"></div><div class="code-line medium"></div><div class="code-line accent"></div><div class="code-line wide"></div><div class="code-line short"></div></div></div><div class="art-card card-route"><span class="card-icon">↗</span><b>route hit</b><small>4 topics · 300 lines</small></div><div class="art-card card-fact"><span class="card-icon">✓</span><b>verified fact</b><small>Redis lock · TTL 10 min</small></div><div class="art-sticker">less rediscovery<br />more building</div></div></div></section>
     <div class="site-shell home-content-shell">
       <SectionNav items={sections} label="Page sections" />
       <div class="home-content">
diff --git a/website/src/pages/index.astro b/website/src/pages/index.astro
index 433a652..55a2866 100644
--- a/website/src/pages/index.astro
+++ b/website/src/pages/index.astro
@@ -27,7 +27,7 @@ const sections = [
             <a class="button button-primary" href="#quick-start">开始使用 <span aria-hidden="true">↓</span></a>
             <a class="button button-outline" href="https://github.com/double-coding-lab/Flow2Spec" target="_blank" rel="noreferrer">查看 GitHub <span aria-hidden="true">↗</span></a>
           </div>
-          <button class="install-command" type="button" data-copy="npx @double-coding/flow2spec@latest init"><code>npx @double-coding/flow2spec@latest init</code><span data-copy-label>复制</span></button>
+          <button class="install-command" type="button" data-copy="npm i -g @double-coding/flow2spec && flow2spec init"><code>npm i -g @double-coding/flow2spec && flow2spec init</code><span data-copy-label>复制</span></button>
         </div>
         <div class="hero-art" aria-label="Flow2Spec knowledge routing illustration">
           <div class="art-sun"></div>