发布博客的流程

发布博客的逻辑是：在本地写好 -> 本地预览 -> 推送到 GitHub -> Vercel 自动同步发布。

第一步：新建文章

在你的项目根目录下（boshblog 文件夹），打开终端运行：

1

hugo new posts/my-second-post.md

这会在 content/posts/ 目录下生成一个带有时光戳的新文件。

####第二步：编辑内容
使用记事本、VS Code 或任何编辑器打开这个 .md 文件。

1.修改 Front Matter：确保 draft 设为 false（否则线上不会显示）。

2.写正文：使用 Markdown 语法书写。

1
2
3
4
5
6
7
8
9

---
title: "我的第二篇博客"
date: 2025-12-25
draft: false
categories: ["学习笔记"]
tags: ["测试", "发布"]
---

这里是我的正式内容！

第三步：本地预览（可选但建议）

在终端输入：

1

hugo server -D

访问 http://localhost:1313 看看文章显示是否正常，样式有没有问题。

第四步：推送发布（见证奇迹）

这是最后一步，只需三行命令。一旦你完成 push，Vercel 会在后台自动为你编译并更新网页。

1
2
3
4

git add .
git commit -m "发布新文章：我的第二篇博客"
git push origin main

进阶技巧：如何更高效地发布？
图片处理：如果你要在文章里插入图片，把图片放在 static/ 文件夹下（例如 static/images/pic1.jpg）。在 Markdown 里引用的路径是 /images/pic1.jpg（不需要写 static）。

管理草稿：你可以一次性写很多篇，把暂时不想发的设为 draft: true。等想发的时候，把改它改为 false 并 push 一下即可。

实时监控：你可以打开 Vercel 的项目面板，你会看到它正在进行一个新的 “Building”。一旦变成绿色 “Ready”，你的新文章就全网可见了。