1. 从模板创建项目#

访问 https://github.com/saicaca/fuwari，点击 Use this template 创建一个仓库。

2. 本地开发环境准备#

按照仓库 README 指引，首先全局安装 pnpm（相比 npm 在依赖管理和磁盘占用上更高效）：

1
npm install -g pnpm

进入项目目录进行开发

1
cd your-project-name
2
pnpm install
3
pnpm run dev

这会启动本地开发服务器，浏览器中即可预览站点。

3. 基础内容修改#

修改 src/config.ts 设置站点标题、作者、描述等元信息。

在 src/content/posts 文件夹中编辑 Markdown 文件，一个文件对应一个文章，项目在创建时已给出若干示例可参照。

每次保存文件，浏览器会自动热更新，方便实时查看效果。

1. 注册并导入项目#

登录 Netlify，关联 GitHub 并选择刚创建的仓库。

2. 构建配置#

在部署设置中：

• Build command 填写：pnpm run build
• Publish directory 填写：dist

这是 Astro 构建输出的目录，Netlify 会将其作为静态文件部署。

3. 自定义域名与 HTTPS#

• 在 Netlify 站点设置中添加自定义域名。

• 在域名服务商后台将该域名的 CNAME 记录指向 Netlify 分配的站点地址。

• 在Domain management当中可以申请Let’s Encrypt证书，实现 HTTPS 访问。

至此，一个基于 Fuwari 模板的静态网站就完成了从创建、调试到部署上线的全过程。