这篇说明由 ChatGPT 整理，记录一个个人博客从本地文件到公开网址的制作与发布流程。

今天完成了什么

在 Mac 上准备好写网站需要的工具：代码编辑器 VS Code、Node.js 和 Git。接着创建博客项目，设置博客名称和简介。

网站可以先在电脑上预览，确认样式没有问题后，再把项目放进 GitHub 仓库。GitHub 像是网站代码的云端备份，也是自动发布的起点。

最后，把 GitHub 仓库连接到 Cloudflare Pages。它负责把网站放到互联网，生成可直接访问的网址。这一步不需要购买服务器。

以后怎样写新文章

每篇文章都是一个 Markdown 文件，放在 src/data/blog 文件夹里。文件顶部写文章标题、简介和日期，下面直接写正文。保存后，在本地预览里就能看到新的文章。

怎样给文章配图

先在项目的 public 文件夹中新建 images 文件夹，再把照片拖进去。照片建议使用 .jpg、.png 或 .webp 格式，文件名使用英文、数字和短横线会更稳妥，例如 campus-sunset.jpg。

在文章正文需要插图的位置写下这一行：

![校园傍晚的天空](/images/campus-sunset.jpg)

括号前方的文字是图片说明；圆括号里是图片的位置。提交更新时，文章文件和图片文件都要一起加入本次提交。

怎样把更新发送到网站

以后修改文章或页面后，打开 VS Code 左侧的“源代码管理”：

  1. 在“更改”里确认这次要上传的文件；不相关的文件不要勾选。
  2. 点击文件旁边的 +，把它加入这次更新。
  3. 在上方填写一句说明，例如“发布新文章”。
  4. 点击蓝色“提交”按钮，先把这次更新保存到本地 Git 记录里。
  5. 点击 main 右边的同步图标，或点击显示 ↑ 的同步更改，把更新发送到 GitHub。

GitHub 收到更新后，Cloudflare Pages 会自动重新发布网站。通常等待一两分钟，刷新网址就能看到新内容。

之后的个人文章可由网站主人自行创作；这篇内容只保留制作与发布说明。