hd-garden 0.3.11 → 0.3.13

package/app/admin/page.tsx

@@ -1,5 +1,5 @@
 import Link from "next/link";
-import { ArrowSquareOut, GithubLogo, LockKey } from "@phosphor-icons/react/ssr";
+import { ArrowSquareOut, GithubLogo } from "@phosphor-icons/react/ssr";
 import { AdminDashboard } from "../components/AdminDashboard";
 import { getAdminUser, isGitHubLoginAvailable } from "../lib/admin-auth";
 import { columns, posts, thoughts } from "../lib/content";
@@ -27,17 +27,15 @@ export default async function AdminPage({
     return (
       <main className="admin-access-page">
         <div className="admin-access-card">
-          <LockKey size={28} weight="duotone" />
-          <p className="eyebrow">CONTENT MANAGEMENT</p>
-          <h1>内容后台独立运行。</h1>
-          <p>公开博客由 GitHub Pages 静态托管；发布和分发请前往独立后台。</p>
+          <h1>后台在另一个地址。</h1>
+          <p>这个页面是公开博客。写随想、上传和转发，去后台。</p>
           <div className="admin-access-actions">
             {adminUrl ? (
               <a className="admin-github-login" href={adminUrl}>
-                打开内容后台 <ArrowSquareOut size={15} />
+                打开后台 <ArrowSquareOut size={15} />
               </a>
             ) : (
-              <p>尚未配置 ADMIN_URL。</p>
+              <p>还没有填写后台地址。</p>
             )}
             <Link href="/">返回公开博客</Link>
           </div>
@@ -52,22 +50,20 @@ export default async function AdminPage({
     return (
       <main className="admin-access-page">
         <div className="admin-access-card">
-          <LockKey size={28} weight="duotone" />
-          <p className="eyebrow">{siteConfig.name.toUpperCase()} / ADMIN</p>
-          <h1>用 GitHub 身份进入内容管理后台。</h1>
+          <h1>登录后台</h1>
           <p>
             {query.auth === "denied"
-              ? `登录账号 @${query.account ?? "未知"} 没有后台权限。`
+              ? `@${query.account ?? "这个账号"} 不在允许名单里。`
               : oauthReady
-                ? "登录后会检查你的 GitHub 用户名是否在允许名单中。"
+                ? `用 GitHub 登录。只有 ${siteConfig.name} 允许的账号能进来。`
                 : process.env.GARDEN_DEV === "1"
-                  ? "本机还没有 GitHub 登录。在终端运行 gh auth login 后，重新启动本地服务。"
-                  : "GitHub OAuth 尚未配置；请先设置后台所需的环境变量。"}
+                  ? "这台机器还没登录 GitHub。在终端运行 gh auth login，然后重新启动。"
+                  : "还没配好 GitHub 登录。先填后台的环境变量。"}
           </p>
           <div className="admin-access-actions">
             {oauthReady && (
               <Link className="admin-github-login" href="/api/auth/github">
-                <GithubLogo size={18} weight="fill" /> 使用 GitHub 登录
+                <GithubLogo size={18} weight="fill" /> 用 GitHub 登录
               </Link>
             )}
             <Link href="/">

package/app/admin/ui/page.tsx

@@ -3,7 +3,7 @@ import { UiStudio } from "../../components/UiStudio";
 import { modelConfig, recipeSources, remainingDrafts } from "../../lib/ui-model";
 
 export const dynamic = process.env.STATIC_EXPORT === "1" ? "force-static" : "force-dynamic";
-export const metadata = { title: "组件工作台", robots: { index: false, follow: false } };
+export const metadata = { title: "写作台", robots: { index: false, follow: false } };
 
 export default async function UiStudioPage() {
   if (isStaticExport()) return <StaticAdminNotice />;

package/app/components/AdminDashboard.tsx

@@ -8,9 +8,6 @@ import {
   ArrowUpRight,
   CheckCircle,
   Copy,
-  DotsThree,
-  FileText,
-  LinkSimple,
   PaperPlaneTilt,
   Plus,
   Trash,
@@ -55,7 +52,7 @@ function MediaFields({
       <div className="admin-field-heading">
         <div>
           <span>附件</span>
-          <small>支持一条随想中混合多个图片、音频、视频与链接。</small>
+          <small>一条随想里可以混放图片、音频、视频和链接。</small>
         </div>
         <button type="button" className="admin-quiet-button" onClick={() => onChange([...attachments, emptyAttachment()])}>
           <Plus size={14} /> 添加附件
@@ -153,20 +150,17 @@ function IntelligentUiCard({ ui }: { ui: UiOverview }) {
   return (
     <section className="admin-panel admin-ui-card">
       <div className="admin-panel-heading">
-        <div>
-          <span>Intelligent UI</span>
-          <h2>交互块</h2>
-        </div>
-        <Link href="/admin/ui">打开工作台</Link>
+        <h2>文章里的交互</h2>
+        <Link href="/admin/ui">打开写作台</Link>
       </div>
       <p className="ui-studio-meta">
-        {ui.modelName ? ui.modelName : "模型未连接"}
+        {ui.modelName ? ui.modelName : "还没接上模型"}
         {" · "}
         {counts
           ? <Link href="/admin/ui/blocks">{`未编译 ${counts.uncompiled} · 过期 ${counts.stale} · 有错 ${counts.error} · 正常 ${counts.ok}`}</Link>
-          : failed ? "交互块读取失败" : "正在统计交互块…"}
+          : failed ? "没读到文章里的块" : "正在查看文章…"}
         {" · "}
-        <Link href="/admin/ui/catalog">组件清单</Link>
+        <Link href="/admin/ui/catalog">看组件</Link>
       </p>
     </section>
   );
@@ -367,7 +361,7 @@ export function AdminDashboard({
   return (
     <main className="admin-shell">
       <header className="admin-topbar">
-        <Link className="admin-brand" href="/admin">HEDON <span>STUDIO</span></Link>
+        <Link className="admin-brand" href="/admin">Garden<span>后台</span></Link>
         <div>
           <span>{userName}</span>
           <form action="/api/auth/logout" method="post">
@@ -380,16 +374,15 @@ export function AdminDashboard({
       </header>
 
       <section className="admin-hero">
-        <div>
-          <p className="eyebrow">CONTENT OPERATIONS</p>
-          <h1>写作留在本地，发布与分发留在这里。</h1>
-          <p>博文和专栏仍由 Typora 与 Git 管理；这里负责随想、发布状态和跨平台分发。</p>
-        </div>
-        <dl className="admin-metrics">
-          <div><dt>公开随想</dt><dd>{publishedCount + staticThoughtCount}</dd></div>
-          <div><dt>本地博文</dt><dd>{catalogEntries.filter((entry) => entry.kind === "post").length}</dd></div>
-          <div><dt>专栏篇目</dt><dd>{catalogEntries.filter((entry) => entry.kind === "column").length}</dd></div>
-        </dl>
+        <h1>写一条随想。</h1>
+        <p>长文仍在编辑器里改。这里写随想、上传附件、置顶，以及发到其他网站。</p>
+        <p className="admin-quiet-count">
+          {publishedCount + staticThoughtCount} 条公开随想
+          {" · "}
+          {catalogEntries.filter((entry) => entry.kind === "post").length} 篇博文
+          {" · "}
+          {catalogEntries.filter((entry) => entry.kind === "column").length} 篇专栏
+        </p>
       </section>
 
       <IntelligentUiCard ui={ui} />
@@ -400,12 +393,11 @@ export function AdminDashboard({
       <section className="admin-grid">
         <div className="admin-panel admin-compose-panel">
           <div className="admin-panel-heading">
-            <div><span>发布随想</span><h2>一条记录，可以有多种媒介。</h2></div>
-            <PaperPlaneTilt size={22} />
+            <h2>写一条</h2>
           </div>
-          <label>标题<input value={title} onChange={(event) => setTitle(event.target.value)} placeholder="给这条记录一个标题" /></label>
-          <label>正文（Markdown）<textarea value={content} onChange={(event) => setContent(event.target.value)} placeholder="写下此刻想留下的文字…" rows={8} /></label>
-          <label>标签（用逗号分隔）<input value={tags} onChange={(event) => setTags(event.target.value)} placeholder="例如：产品, 夜晚, 摄影" /></label>
+          <label>标题<input value={title} onChange={(event) => setTitle(event.target.value)} placeholder="标题" /></label>
+          <label>正文<textarea value={content} onChange={(event) => setContent(event.target.value)} placeholder="写下来。可以用 Markdown。" rows={8} /></label>
+          <label>标签<input value={tags} onChange={(event) => setTags(event.target.value)} placeholder="用逗号分开，例如：夜晚, 散步" /></label>
           <MediaFields attachments={attachments} onChange={setAttachments} onUpload={uploadMedia} uploading={uploadingCount > 0} />
           <div className="admin-actions">
             <button type="button" className="admin-secondary-button" disabled={isSaving || uploadingCount > 0} onClick={() => publishThought("draft")}>保存草稿</button>
@@ -415,11 +407,10 @@ export function AdminDashboard({
 
         <div className="admin-panel admin-thoughts-panel">
           <div className="admin-panel-heading">
-            <div><span>后台随想</span><h2>已发布与草稿</h2></div>
-            <DotsThree size={23} />
+            <h2>草稿和已发布</h2>
           </div>
           <div className="admin-thought-list">
-            {thoughts.length === 0 ? <p className="admin-empty">还没有从后台创建的随想。</p> : thoughts.map((thought) => (
+            {thoughts.length === 0 ? <p className="admin-empty">还没有在这里写过随想。</p> : thoughts.map((thought) => (
               <article key={thought.id}>
                 <div><span className={`admin-status ${thought.status}`}>{thought.status === "published" ? "已发布" : "草稿"}</span><h3>{thought.title}</h3><p>{thought.content.slice(0, 76)}{thought.content.length > 76 ? "…" : ""}</p></div>
                 <div className="admin-item-actions">
@@ -434,10 +425,9 @@ export function AdminDashboard({
 
       <section className="admin-panel admin-distribution-panel">
         <div className="admin-panel-heading">
-          <div><span>博文与专栏分发</span><h2>后台不改正文，只生成发布动作。</h2></div>
-          <FileText size={22} />
+          <h2>置顶，或发到别处</h2>
         </div>
-        <p className="admin-distribution-note"><LinkSimple size={16} /> CSDN、知乎、掘金采用你配置的同步服务；X 在填写用户访问令牌后可直接发布。没有配置时仍可一键复制分发包。</p>
+        <p className="admin-distribution-note">正文仍在仓库里改。这里可以置顶，发到 X，或同步到 CSDN、知乎、掘金。没配接口时，复制标题和链接。</p>
         <div className="admin-catalog">
           {catalogEntries.map((entry) => (
             <article key={`${entry.kind}-${entry.column ?? ""}-${entry.path}`}>

package/app/components/AdminUiPanels.tsx

@@ -83,9 +83,9 @@ export function AdminBlocks({ siteUrl }: { siteUrl: string }) {
   return (
     <section className="admin-panel ui-admin-blocks">
       <div className="admin-panel-heading">
-        <div><span>交互块</span><h2>所有稿件里的 intent 和 ui 块</h2></div>
+        <h2>文章里的块</h2>
       </div>
-      <p className="ui-studio-meta">看到的是仓库里已推送的内容（含草稿）；本地没推的改动看不到。</p>
+      <p className="ui-studio-meta">这里是仓库里已经推送的内容，包括草稿。还没推的本地改动看不到。</p>
       <div className="ui-studio-switch" role="group" aria-label="按状态筛选">
         {(["todo", "uncompiled", "stale", "error", "ok", "all"] as const).map((value) => (
           <button key={value} type="button" aria-pressed={filter === value} onClick={() => setFilter(value)}>
@@ -115,7 +115,7 @@ export function AdminBlocks({ siteUrl }: { siteUrl: string }) {
                     <td><span className={`ui-admin-status ui-admin-status-${block.status}`}>{STATUS_LABELS[block.status]}</span></td>
                     <td>{block.caption ?? block.intent?.split("\n")[0] ?? ""}{block.diagnostics.length ? `（${block.diagnostics.length} 条诊断）` : ""}</td>
                     <td className="ui-admin-actions">
-                      <Link href={`/admin/ui?post=${encodeURIComponent(file.path)}&line=${block.startLine}`}>在工作台打开</Link>
+                      <Link href={`/admin/ui?post=${encodeURIComponent(file.path)}&line=${block.startLine}`}>在写作台打开</Link>
                       {block.status !== "ok" ? (
                         <button type="button" onClick={() => copyPrompt(file, block)}>
                           {copied === `${file.path}:${block.startLine}` ? "已复制" : "复制修复提示词"}
@@ -218,9 +218,9 @@ export function AdminEvals({ cases, configured }: { cases: EvalCase[]; configure
   return (
     <section className="admin-panel ui-admin-evals">
       <div className="admin-panel-heading">
-        <div><span>模型自检</span><h2>用 {cases.length} 段原话给当前模型和提示词打分</h2></div>
+        <h2>模型自检</h2>
       </div>
-      <p className="ui-studio-meta">逐条调用工作台的生成接口，共 {cases.length} 次，计入每小时限额。换模型或改提示词后跑一次。</p>
+      <p className="ui-studio-meta">会逐条调用写作台，一共 {cases.length} 次，计入每小时次数。换了模型或提示词之后跑一次。</p>
       <div className="admin-actions">
         <button type="button" className="admin-primary-button" disabled={!configured || running} onClick={run}>{running ? `正在跑 ${results.length}/${cases.length}…` : "开始自检"}</button>
       </div>

package/app/components/AdminUiShell.tsx

@@ -5,10 +5,10 @@ import { getAdminUser } from "../lib/admin-auth";
 
 const SECTIONS = [
   { href: "/admin", label: "总览" },
-  { href: "/admin/ui", label: "组件工作台" },
-  { href: "/admin/ui/catalog", label: "组件清单" },
-  { href: "/admin/ui/blocks", label: "交互块" },
-  { href: "/admin/ui/evals", label: "模型自检" },
+  { href: "/admin/ui", label: "写作台" },
+  { href: "/admin/ui/catalog", label: "组件" },
+  { href: "/admin/ui/blocks", label: "文章里的块" },
+  { href: "/admin/ui/evals", label: "检查" },
 ];
 
 export const isStaticExport = () => process.env.STATIC_EXPORT === "1";
@@ -23,8 +23,8 @@ export function StaticAdminNotice() {
   return (
     <main className="admin-access-page">
       <div className="admin-access-card">
-        <h1>内容后台独立运行。</h1>
-        <p>公开博客由 GitHub Pages 静态托管；这一页只在独立后台里可用。</p>
+        <h1>后台在另一个地址。</h1>
+        <p>公开博客上看不到这一页。写随想和改交互，去单独部署的后台。</p>
         <Link href="/">返回公开博客</Link>
       </div>
     </main>
@@ -35,7 +35,7 @@ export function AdminUiShell({ active, userName, children }: { active: string; u
   return (
     <main className="admin-shell admin-ui-shell">
       <header className="admin-topbar">
-        <Link className="admin-brand" href="/admin">HEDON <span>STUDIO</span></Link>
+        <Link className="admin-brand" href="/admin">Garden<span>后台</span></Link>
         <div>
           <span>{userName}</span>
           <form action="/api/auth/logout" method="post">

package/app/components/GardenAdminGuide.tsx

@@ -1,35 +1,31 @@
-const adminCapabilities = [
+const adminJobs = [
   {
-    number: "01",
-    title: "发布和管理随想",
-    description:
-      "新建随想、保存草稿、正式发布、撤回或删除。每次修改都会写回 content/thoughts/，不会另存一份数据库副本。",
+    title: "写随想",
+    description: "保存草稿，或直接发布。文件写回 content/thoughts/，没有另一份数据库。",
   },
   {
-    number: "02",
-    title: "上传多媒体",
-    description:
-      "图片、音频和视频可以直接上传到阿里云 OSS，随想中只保存公开地址，避免把大文件塞进 Git 历史。",
+    title: "上传附件",
+    description: "图片、音频和视频可以传到对象存储。文章里只留下地址。",
   },
   {
-    number: "03",
-    title: "管理博文置顶",
-    description:
-      "后台可以切换博文的首页置顶状态，并查看博文所属专栏。正文仍然使用 Markdown 编辑，专栏顺序仍由 columns.yaml 管理。",
+    title: "置顶",
+    description: "让一篇博文出现在首页前面。正文还是在编辑器里改。",
   },
   {
-    number: "04",
-    title: "分发到其他平台",
-    description:
-      "可以直接发布到 X，或调用自建服务同步到 CSDN、知乎和掘金；没有配置接口时，也能复制标题、栏目和公开链接。",
+    title: "发到别处",
+    description: "可以发到 X，或同步到 CSDN、知乎、掘金。没配接口时，复制标题和链接。",
+  },
+  {
+    title: "改文章里的交互",
+    description: "写作台把一句话收成可交互的块。组件页能看到每一种块长什么样。",
   },
 ];
 
 const adminFlow = [
-  ["GitHub 登录", "只允许白名单中的账号进入后台。"],
-  ["执行内容操作", "发布随想、上传附件、置顶或分发博文。"],
-  ["提交到内容仓库", "后台使用服务端令牌修改 Markdown。"],
-  ["自动更新博客", "main 分支变更后由 Actions 重新发布。"],
+  ["用 GitHub 登录", "只有名单里的账号能进来。"],
+  ["做一件事", "写随想、上传、置顶，或发到别处。"],
+  ["写回仓库", "后台把改动提交到你的内容仓库。"],
+  ["网站更新", "main 变了之后，页面会重新发布。"],
 ];
 
 export function GardenAdminGuide() {
@@ -37,11 +33,10 @@ export function GardenAdminGuide() {
     <section className="garden-admin" id="admin" aria-labelledby="garden-admin-title">
       <header className="garden-section-heading">
         <div>
-          <p className="eyebrow">ADMIN / 管理后台</p>
-          <h2 id="garden-admin-title">管理后台能做什么</h2>
+          <h2 id="garden-admin-title">后台</h2>
         </div>
         <p>
-          后台是一个可选的独立服务，处理需要登录和服务端密钥的工作。公开博客仍然是静态站点，内容仍然保存在 Git 仓库中。
+          长文继续在编辑器里写。后台只做需要登录的事：随想、附件、置顶、转发，以及文章里的交互。
         </p>
       </header>
 
@@ -50,40 +45,39 @@ export function GardenAdminGuide() {
         {/* eslint-disable-next-line @next/next/no-img-element */}
         <img
           src="/images/garden/admin-studio.png"
-          alt="Garden 内容管理后台，包含随想发布、草稿管理与博文分发"
-          width={1440}
-          height={1000}
+          alt="Garden 后台：上面写一条随想，下面是草稿和已发布"
+          width={920}
+          height={1033}
           loading="lazy"
         />
         <figcaption>
-          <strong>实际后台界面</strong>
-          <span>随想编辑、已发布与草稿管理，以及博文置顶和分发都集中在同一个工作区。</span>
+          <strong>后台首页</strong>
+          <span>上面写一条随想。下面是草稿，以及可以置顶或转发的文章。</span>
         </figcaption>
       </figure>
 
       <div className="garden-admin-capabilities">
-        {adminCapabilities.map((capability) => (
-          <article key={capability.number}>
-            <span>{capability.number}</span>
-            <h3>{capability.title}</h3>
-            <p>{capability.description}</p>
+        {adminJobs.map((job) => (
+          <article key={job.title}>
+            <h3>{job.title}</h3>
+            <p>{job.description}</p>
           </article>
         ))}
       </div>
 
       <div className="garden-admin-boundary">
-        <strong>后台的边界</strong>
+        <strong>它不是整套编辑器</strong>
         <p>
-          它不是一套完整 CMS。长文章继续在 Typora 或其他 Markdown 编辑器中编写，专栏继续在
+          长文仍用 Typora 或其他 Markdown 编辑器。专栏顺序仍在
           <code> content/columns.yaml </code>
-          中编排；后台主要补上随想发布、媒体上传、博文置顶和内容分发。
+          里排。
         </p>
       </div>
 
-      <ol className="garden-admin-flow" aria-label="管理后台发布流程">
+      <ol className="garden-admin-flow" aria-label="从登录到网站更新">
         {adminFlow.map(([title, description], index) => (
           <li key={title}>
-            <span>{String(index + 1).padStart(2, "0")}</span>
+            <span>{index + 1}</span>
             <strong>{title}</strong>
             <p>{description}</p>
           </li>
@@ -92,21 +86,20 @@ export function GardenAdminGuide() {
 
       <div className="garden-admin-enable">
         <div>
-          <p className="eyebrow">ENABLE / 启用后台</p>
-          <h3>单独部署，再连接内容仓库</h3>
+          <h3>想用后台，再单独部署一份</h3>
           <ol>
             <li>把同一份 Garden 部署到 Node、Docker 或 Cloudflare Workers。</li>
-            <li>配置 GitHub OAuth、允许登录的账号，以及仅能写入内容仓库的令牌。</li>
-            <li>需要上传附件或跨平台分发时，再配置 OSS 和各平台接口。</li>
+            <li>配好 GitHub 登录、允许的账号，以及只能改内容仓库的令牌。</li>
+            <li>要上传附件或转发到其他网站时，再配存储和各平台接口。</li>
           </ol>
         </div>
-        <pre aria-label="管理后台核心配置示例">
+        <pre aria-label="后台需要的环境变量">
           <code>{`ADMIN_URL=https://admin.example.com
 CONTENT_REPOSITORY=owner/repository
 CONTENT_BRANCH=main
 ADMIN_GITHUB_LOGINS=your-github-login
 
-# 令牌与密钥只保存在后台服务中
+# 令牌只放在后台服务里
 CONTENT_GITHUB_TOKEN=github_pat_xxx
 GITHUB_OAUTH_CLIENT_ID=Ov23li_xxx`}</code>
         </pre>

package/app/components/GardenContentGuide.tsx

@@ -10,11 +10,6 @@ function SourcePanel({ path, source, language }: SourcePanelProps) {
   return (
     <div className="garden-source-panel">
       <div className="garden-source-bar">
-        <span aria-hidden="true">
-          <i />
-          <i />
-          <i />
-        </span>
         <code>{path}</code>
       </div>
       <pre>
@@ -69,12 +64,10 @@ const columnSource = `columns:
 
 type Guide = {
   id: string;
-  number: string;
   label: string;
   title: string;
   introduction: string;
   steps: ReactNode[];
-  features: string[];
   result: string;
   path: string;
   source: string;
@@ -84,88 +77,45 @@ type Guide = {
 const guides: Guide[] = [
   {
     id: "write-post",
-    number: "01",
     label: "博文",
     title: "写一篇文章",
-    introduction:
-      "博文保存在 content/posts/ 中，可以按照主题建立任意层级的子目录。文件路径同时决定文章地址，正文仍然是普通 Markdown。",
+    introduction: "文件放在 content/posts/。路径就是网址，正文是普通 Markdown。可以按主题分子目录。",
     steps: [
-      <>
-        在 <code>content/posts/</code> 中创建一个 <code>.md</code> 文件。
-      </>,
-      <>在 Front Matter 中填写标题、日期、摘要、主题、标签和封面。</>,
-      <>使用 Markdown 编写正文，图片和其他附件可以使用相对路径。</>,
+      <>在 <code>content/posts/</code> 里新建一个 <code>.md</code> 文件。</>,
+      <>开头写下标题、日期、摘要、主题和标签。封面可有可无。</>,
+      <>接着写正文。图片用相对路径，和文件放在一起。</>,
     ],
-    features: [
-      "GFM 表格、任务列表与脚注",
-      "TypeScript、Go、Rust 等代码高亮",
-      "数学公式与 Mermaid 图表",
-      "图片、音视频与平台嵌入",
-      "草稿、定时发布与置顶",
-      "文章目录、上一篇与下一篇",
-    ],
-    result:
-      "构建时会生成文章页面，并把标题、摘要和正文加入博文列表、主题归档、全文搜索与 RSS。",
+    result: "推送后，这篇文章会出现在列表、主题、搜索和 RSS 里。",
     path: "content/posts/writing/first-post.md",
     source: postSource,
     language: "markdown",
   },
   {
     id: "write-thought",
-    number: "02",
     label: "随想",
-    title: "发布一条随想",
-    introduction:
-      "随想适合记录几句话、一个链接或一组多媒体。它同样保存在 Git 仓库中，只需要更少的字段，也可以通过可选管理后台发布。",
+    title: "写一条随想",
+    introduction: "几句话、一张图或一个链接。字段更少。也可以在后台写，写完同样进仓库。",
     steps: [
-      <>
-        直接创建 <code>content/thoughts/&lt;文件名&gt;.md</code>，或者在管理后台填写内容。
-      </>,
-      <>文件名就是地址。front matter 填写标题和日期；需要暂存时加入草稿状态。</>,
-      <>
-        在 <code>media</code> 中按顺序添加图片、音频、视频或外部链接。
-      </>,
-    ],
-    features: [
-      "纯文字短内容",
-      "多张图片与混合图集",
-      "音频和视频",
-      "带标题的外部链接",
-      "草稿与公开状态",
-      "独立永久链接",
+      <>新建 <code>content/thoughts/文件名.md</code>，或在后台填写。</>,
+      <>文件名就是地址。标题和日期写在开头。先存着就标成草稿。</>,
+      <>图片、音频、视频和链接按顺序放进 <code>media</code>。</>,
     ],
-    result:
-      "发布后的内容会出现在随想时间线和首页最近随想中，每条随想都有可以单独分享的永久链接。",
+    result: "它会出现在随想页和首页，并且有自己的链接。",
     path: "content/thoughts/walk-after-rain.md",
     source: thoughtSource,
     language: "markdown",
   },
   {
     id: "make-column",
-    number: "03",
     label: "专栏",
-    title: "创建一个专栏",
-    introduction:
-      "专栏不复制文章，而是在 content/columns.yaml 中引用已经存在的博文。posts 的排列顺序就是专栏的阅读顺序。",
+    title: "把文章收成专栏",
+    introduction: "专栏不复制文章。它只是 content/columns.yaml 里的一份阅读顺序。",
     steps: [
-      <>
-        在 <code>content/columns.yaml</code> 中添加专栏名称、介绍、状态和封面。
-      </>,
-      <>
-        在 <code>posts</code> 中填写博文相对 <code>content/posts/</code> 的路径。
-      </>,
-      <>按照希望读者阅读的顺序排列路径；同一篇文章可以加入多个专栏。</>,
-    ],
-    features: [
-      "专栏标题、说明和状态",
-      "独立专栏封面",
-      "文章顺序可控",
-      "复用同一份 Markdown",
-      "一篇文章加入多个专栏",
-      "系列文章导航",
+      <>在 <code>content/columns.yaml</code> 里写名称、介绍和封面。</>,
+      <>在 <code>posts</code> 里填文章相对 <code>content/posts/</code> 的路径。</>,
+      <>按你希望读者阅读的顺序排列。同一篇可以进多个专栏。</>,
     ],
-    result:
-      "构建后会生成独立专栏页面。读者可以按照配置顺序浏览文章，文章页也会显示它所属的系列与前后篇目。",
+    result: "读者按这个顺序读。文章页也会显示它属于哪一组，以及上一篇、下一篇。",
     path: "content/columns.yaml",
     source: columnSource,
     language: "yaml",
@@ -174,56 +124,22 @@ const guides: Guide[] = [
 
 export function GardenContentGuide() {
   return (
-    <section className="garden-guide" aria-labelledby="garden-guide-title">
-      <header className="garden-guide-heading">
-        <div>
-          <p className="eyebrow">CONTENT / 内容</p>
-          <h2 id="garden-guide-title">博文、随想和专栏</h2>
-        </div>
-        <p>
-          先选择内容类型，再编辑对应文件。三种内容都保存在源码仓库中，直接编辑文件即可完成全部公开内容的维护和发布。
-        </p>
-      </header>
-
-      <nav className="garden-guide-index" aria-label="内容类型">
-        {guides.map((guide) => (
-          <a href={`#${guide.id}`} key={guide.id}>
-            <span>{guide.number}</span>
-            <strong>{guide.title}</strong>
-            <small>{guide.label}</small>
-          </a>
-        ))}
-      </nav>
-
+    <div className="garden-guide">
       <div className="garden-guide-sections">
         {guides.map((guide) => (
           <article className="garden-content-guide" id={guide.id} key={guide.id}>
             <div className="garden-content-copy">
-              <p className="eyebrow">
-                {guide.number} / {guide.label}
-              </p>
+              <p className="garden-content-label">{guide.label}</p>
               <h2>{guide.title}</h2>
               <p className="garden-content-introduction">{guide.introduction}</p>
 
               <ol className="garden-content-steps">
                 {guide.steps.map((step, index) => (
-                  <li key={index}>
-                    <strong>{index + 1}</strong>
-                    <span>{step}</span>
-                  </li>
+                  <li key={index}>{step}</li>
                 ))}
               </ol>
 
-              <ul className="garden-content-features" aria-label={`${guide.title}支持的能力`}>
-                {guide.features.map((feature) => (
-                  <li key={feature}>{feature}</li>
-                ))}
-              </ul>
-
-              <aside className="garden-content-result">
-                <strong>发布后</strong>
-                <p>{guide.result}</p>
-              </aside>
+              <p className="garden-content-result">{guide.result}</p>
             </div>
 
             <SourcePanel
@@ -234,6 +150,6 @@ export function GardenContentGuide() {
           </article>
         ))}
       </div>
-    </section>
+    </div>
   );
 }