SiteKit
Back to Help

SiteKit 入门指南

Last updated: April 10, 2026

SiteKit 能做什么

SiteKit 帮助你为小型企业搭建一个专业的营销网站——无需聘请开发人员。它的工作流程如下：

  1. 填写你的信息 — 企业详情、品牌问答、功能选择
  2. SiteKit 生成 AI 提示词 — 为你的企业量身定制的 Markdown 文件
  3. 将提示词交给 Claude Code — 它会为你构建整个网站

最终你将获得一个快速、现代、SEO 优化的网站，基于 Jekyll 和 Tailwind CSS 构建，免费托管在 Cloudflare Pages 上。

两阶段流程

SiteKit 会生成两个提示词，需要按顺序使用：

第一阶段：项目搭建 创建完整的项目结构 — Jekyll 配置、页面脚手架、联系表单（如果选择了的话）、博客（如果选择了的话）、部署配置。网站可以正常运行和部署，但内容是占位符。

第二阶段：设计与内容 应用你的品牌形象 — 颜色、字体、真实文案、服务描述、行动号召和 SEO 元标签。将脚手架转变为可以上线的营销网站。

为什么要分两个阶段？ 分步操作可以让你在添加设计之前先验证网站结构。这也更便于迭代——你可以用更新后的品牌问答重新运行第二阶段，而无需从头开始重建。

最终你会得到什么

  • 一个静态的 Jekyll + Tailwind CSS 网站
  • 托管在 Cloudflare Pages（免费套餐）
  • 移动端自适应设计
  • SEO 优化，包含 JSON-LD 结构化数据、站点地图和元标签
  • 可选的联系表单及邮件通知功能
  • 可选的博客板块
  • 你自己的 GitHub 仓库，包含完整源代码

你需要准备什么

开始之前，你需要注册几个免费的账号并安装一些工具：

  1. GitHub 账号 — 用于存储你的网站代码（如何设置 GitHub）
  2. Claude Code — 用于构建网站的 AI 工具（如何安装 Claude Code）
  3. Cloudflare 账号 — 免费托管你的网站（如何设置 Cloudflare）
  4. 品牌素材（可选但推荐）— Logo、照片、网站图标，放在本地文件夹中
  5. SendGrid 账号（仅在使用联系表单时需要）— 用于邮件发送（如何设置 SendGrid）

需要多长时间？

  • 在 SiteKit 中填写数据：约 30 分钟（企业信息、品牌问答、功能选择）
  • 运行第一阶段提示词：Claude Code 构建脚手架约需 10-15 分钟
  • 运行第二阶段提示词：Claude Code 应用设计和内容约需 10-15 分钟
  • 审查和调整：根据需要自行安排

大多数人从注册到网站上线大约需要一个小时。

下一步

  1. 注册所需账号：GitHub、Claude Code、Cloudflare
  2. 在 SiteKit 中填写你的企业信息、品牌问答和功能选择
  3. 下载并使用你的提示词：如何使用生成的提示词