做站的都懂那种拧巴:一个落地页从零切图、写 HTML、补 meta、加结构化数据,一天就没了。你明明知道 Claude 写这种活儿又快又标准,可官方 Claude Code 有三道坎卡着你——要翻墙(国内直连不稳,动不动断在联网验证那一步)、要外币卡(绑 Visa / Master 才能付费)、还得盯着账号别被风控封

于是很多站长退回到手写,或者用一堆免费在线工具东拼西凑,产出的页面 H 标签乱套、meta 缺一半、结构化数据根本没有,SEO 底子先输一截。

这篇讲一个更顺的路子:把 Claude Code 接到 apipifa 中转上。国内直连不用翻墙,人民币充值按量计费,一份 Key 就能调 Claude 全系列模型。接好之后,你在终端里一句话,AI 就给你吐出一个带语义化 H1/H2、完整 meta、JSON-LD 结构化数据的落地页。下面从装到跑通,一步一步来。


一、为什么建站场景特别适合 Claude Code + 中转

先说清楚这套组合解决的是什么,别为了用而用。

一句话:Claude 负责产出标准 SEO 结构,apipifa 负责让你在国内稳定、便宜、无外币卡地把它跑起来。

二、把 Claude Code 接入 apipifa(浓缩版,5 分钟)

如果你已经在用 apipifa 跑 Claude Code,可直接跳到第三部分。没配过的按下面走。

第 1 步:装 Claude Code

需要先有 Node 环境,然后全局安装官方 CLI:

npm install -g @anthropic-ai/claude-code

国内下载慢就加淘宝镜像:

npm install -g @anthropic-ai/claude-code --registry=https://registry.npmmirror.com

装完验证一下版本,能打印出版本号就算装好了:

claude --version

第 2 步:在 apipifa 后台拿一份 Key

登录 apipifa 后台,新建一个令牌。新建令牌默认就是 auto 全模型通用池——一份 Key 全模型通用,按你实际调用的模型名自动路由和计费,不用手动分组、不用为 Claude 单独开一张卡。复制那串 Key 备用。

第 3 步:把中转地址和 Key 写进配置

编辑 ~/.claude/settings.json,在 env 块里填两个值(把 <你的apipifa Key> 换成上一步复制的那串):

{
  "env": {
    "ANTHROPIC_BASE_URL": "https://api.apipifa.com/v1",
    "ANTHROPIC_AUTH_TOKEN": "<你的apipifa Key>"
  }
}

这里的 base 就是 apipifa 的统一入口 https://api.apipifa.com/v1——它原生兼容 Anthropic 协议,Claude Code 直连即可,不用在本地额外架什么协议转换(有些中转接的是别家模型,得先在本机开一层本地路由才能骗过 Claude Code;apipifa 是原生兼容,省掉这一层)。

第 4 步:跳过官方联网验证(卡住才需要)

有的机器第一次启动 Claude Code 会卡在官方的联网 / onboarding 校验上。遇到就补两处,跳过这道校验、直接走中转:

第 5 步:跑通验证

打开一个新终端(让配置生效),直接跑一句最小请求,能正常回话就代表整条链路通了:

claude "用一句话告诉我 1+1 等于几"

能正常回复,说明「Claude Code → apipifa 中转 → Claude 模型」这条路已经打通。到这一步,接入就完成了,下面进入建站正题。

建站常用的模型名:claude-opus-4-8(最强,复杂页面 / 整站架构用它)、claude-sonnet-5(均衡,日常批量出页面)、claude-sonnet-4-6claude-haiku-4-5(快而省,简单页面 / 大批量微调用它)。在 Claude Code 里用 /model 就能切。

三、一句话生成 SEO 结构落地页:Prompt 示例

接下来是重点。别只让 AI「写个网页」——那样它给你的 HTML 往往 SEO 骨架残缺。你要在 Prompt 里把 SEO 要求当成硬约束明确写出来,Claude 才会一次到位。

进到你的项目目录,启动 Claude Code:

cd ~/my-site
claude

然后把下面这段 Prompt 发给它(按你的真实业务改掉方括号里的内容):

帮我生成一个单页落地页 index.html,主题是「[上海旧房改造装修服务]」,
目标关键词「[上海旧房翻新 / 老房装修报价]」,面向想找装修公司的业主。
硬性要求,逐条满足:

1. 完整 HTML5 文档,<html lang="zh-CN">,UTF-8。
2. <head> 里要有:语义化 <title>(含主关键词、≤30 汉字)、
   <meta name="description">(含关键词、120-155 字符)、
   <meta name="viewport">、<link rel="canonical">(用占位 URL)、
   Open Graph(og:title / og:description / og:image)。
3. 正文用语义化标签:全页有且仅有一个 <h1>(含主关键词);
   下面用 <h2>/<h3> 分「服务介绍 / 报价说明 / 施工流程 / 常见问题 / 联系我们」,
   层级不许跳级;用 <section>、<article>、<nav> 组织结构。
4. 加一段 JSON-LD 结构化数据:一个 LocalBusiness(或 Service)+ 一个 FAQPage
   (对应「常见问题」里的问答),放在 <head> 或 body 末尾的 <script type="application/ld+json"> 里。
5. 图片全部带 alt;所有链接可点(没有真实地址就用 # 占位)。
6. 样式内联到 <style> 里,移动端优先、能自适应,别引外部 CSS/JS/字体。
7. 文案用中文,真实、可信、别堆砌关键词(避免 keyword stuffing)。

直接把完整 index.html 写到当前目录,写完告诉我文件路径。

Claude Code 会直接在你项目目录里生成 index.html,并在终端告诉你文件路径。因为约束写得具体,它产出的页面通常一次就带齐了唯一 H1、完整 meta、Open Graph 和 JSON-LD——这些恰恰是搜索引擎和分享卡片最看重的部分。

小技巧:整站生成时,先让它产出一个「模板页 + 一份 SEO 规范说明」,之后每个新页面都让它「照这个模板和规范生成」,全站结构就统一了。批量页面用 claude-sonnet-5claude-haiku-4-5 更省。

四、本地预览:先看对不对,再上线

AI 写完别急着传服务器,先在本地看一眼。任选一种:

方式 A:直接双击打开 最简单,文件管理器里双击 index.html,浏览器就能看渲染效果。适合快速瞄一眼样式。

方式 B:起个本地服务器(推荐,能测相对路径 / 结构化数据) 在项目目录里跑(有 Python 就用这个,零依赖):

cd ~/my-site
python3 -m http.server 8000

然后浏览器打开 http://localhost:8000。这种方式路径行为和线上一致,测多页跳转、图片路径、JSON-LD 更准。

方式 C:让 Claude Code 顺手改 预览发现哪块不对,直接回到终端跟它说「H2 顺序调一下 / description 太长了压到 150 字符内 / FAQ 再加两条」,它就地改文件,你刷新页面即可。改—看—再改的循环在一个终端里完成,比手动改 HTML 快得多。


五、上线前的 SEO 自检清单(让 AI 帮你补)

页面生成后,花两分钟对着这张表过一遍。缺哪条,直接在 Claude Code 里让它补——它比你手改快。

一句话让 AI 自查也行,直接发:

按 SEO 结构规范审查当前 index.html:检查 H1 是否唯一、标题层级有没有跳级、
title/description/canonical/Open Graph 是否齐全、JSON-LD 是否合法、图片 alt 有没有漏。
列出问题清单并就地修好,改完告诉我改了哪些。

常见问题 FAQ(排错先看这条)

Q1:跑起来报 401 / Unauthorized? A:鉴权没通过。核对 ~/.claude/settings.json 里的 ANTHROPIC_AUTH_TOKEN 是不是 apipifa 后台那串 Key(有没有多复制空格 / 少复制字符),以及后台这份令牌是不是有效、有没有余额。改完开新终端再试(配置要新会话才生效)。

Q2:报模型不存在 / 无可用渠道? A:模型名写错了。apipifa 的 Claude 模型名是 claude-opus-4-8 / claude-sonnet-5 / claude-sonnet-4-6 / claude-haiku-4-5。注意 claude-opus-4-6claude-opus-4-7 已经下线,别再写。用 /model 在客户端里选,最不容易拼错。

Q3:base 地址到底填带不带 /v1 A:Claude Code 接 apipifa 就填 https://api.apipifa.com/v1,写进 ANTHROPIC_BASE_URL。别漏尾缀、也别写成别的路径。

Q4:一直卡在官方登录 / 联网验证,进不去? A:走第二部分第 4 步:~/.claude.json"hasCompletedOnboarding": true~/.claude/config.json"primaryApiKey": "any-string",跳过官方 onboarding 校验,直接走中转。

Q5:请求 404? A:多半是 base 地址拼错或多了 / 少了路径段。确认就是 https://api.apipifa.com/v1,不要在后面再手动接 /messages 之类(Claude Code 会自己补),也不要把它写成根域名不带 /v1

Q6:AI 生成的页面 H1 有好几个 / 缺 meta 怎么办? A:多半是 Prompt 没把 SEO 要求写成硬约束。用第三部分那段带编号硬性要求的 Prompt 重新生成;或用第五部分的自查 Prompt 让它就地补齐——别自己手改,AI 补更快更全。


为什么建站选 apipifa 接 Claude Code

同样是让 AI 帮你产页面,走 apipifa 中转对建站这种高频场景有几处实打实的好处:

价格方面 apipifa 走人民币按量 + 包月两种档,整体比直接买官方省,具体单价以 apipifa 价格页 / 后台为准(会随行情调整,这里不写死数字)。


现在就开始

想让 AI 帮你把建站从「一天一个页」提到「一句话一个页」,路径很短:

  1. 去 apipifa 开个号、新建令牌(默认就是 auto 全模型通用池,一份 Key 全模型)。
  2. 按第二部分把 Claude Code 接上,claude --version 和最小请求两步验证跑通。
  3. 用第三部分的 Prompt 生成第一个带完整 SEO 结构的落地页,本地预览、对照清单自检,满意再上线。

一份 Key、国内直连、人民币按量,把「怎么连上模型」这件事彻底交给中转,你只管把页面做好。到 apipifa 后台创建令牌、拿 Key,几分钟后你的下一个页面就是 AI 写的了。