个人博客搭建全流程：从方案选择到正式上线发布

📍 WDQWDWQD987AAAAA:216.73.216.102
📱 Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
🔗 /1be1072295fb.html
📄

搭建个人博客不需要懂复杂的编程，关键是选对方案并理顺步骤。无论你是记录技术笔记、分享生活见闻还是打造个人品牌，只要按部就班操作，通常一个下午就能让博客在公网上被访问。

1. 动工前先做好三个决策

动手之前，先花十分钟想清楚三个问题，避免中途返工。

如果追求最低维护成本并且能接受命令行操作，静态博客是公认的优选；若离不开可视化编辑界面，则直接选择 WordPress 托管服务，虽然每月支付费用，但省下了大量配置时间。

2. 用 Hugo 快速搭起静态博客

Hugo 以编译速度快著称，生成的站点无需数据库支持，安全且稳定。下面以它为例说明搭建步骤。

  1. 安装程序：在 Hugo 官方网站下载对应系统安装包，或使用包管理器安装。完成后在终端输入 hugo version，能显示版本号则代表安装成功。
  2. 初始化站点：运行 hugo new site myblog，程序会自动生成标准目录结构，站点配置集中在 config.toml 文件里。
  3. 引入主题：在官方主题库中挑选主题后下载，放到 themes 目录下，并在配置文件中填写主题名称以完成启用。
  4. 创作首篇文章：执行 hugo new posts/first.md，随后在生成的文件中用 Markdown 语法书写标题和正文。
  5. 预览效果：运行 hugo server，直接从浏览器打开 http://localhost:1313 就能实时查看排版。

这里提醒一句：不要直接改动主题目录里的文件。主题升级或更换时，你的修改会被覆盖。合理的做法是把定制内容放到 layouts 目录，利用 Hugo 的模板覆盖机制实现个性化。

3. 把博客部署到免费托管平台

Hugo 构建后生成的是一个纯静态文件夹（默认是 public 目录），部署通用路径是：先推送代码到 GitHub 仓库，再连接托管平台实现自动发布。

以 Vercel 为例：在平台导入 GitHub 仓库后，构建命令填 hugo，输出目录填 public。保存后系统会自动完成首次构建，之后每当你向仓库推送新内容，平台都会自动触发更新，无需任何手动干预。

4. 绑定域名并完成上线检查

部署完成后，系统会分配一个默认二级域名，正式上线前建议完成以下两件事。

  1. 绑定自有域名：在托管平台的后台中按指引添加你的域名，然后到域名注册商处把解析记录改为 CNAME 并指向平台提供的地址。等待解析生效即可访问。
  2. 开启 HTTPS：现代托管平台默认提供免费 SSL 证书并强制启用 HTTPS，如果不确定，可以在平台设置里确认一下该项已勾选。
  3. 验证页面：在浏览器中输入你的域名，逐页检查文章排版、目录链接和移动端显示效果。尤其注意代码块、图片等元素的响应式表现。

上线后建议顺手把「提交到搜索引擎」提上日程，在百度搜索资源平台或 Google Search Console 提交站点地图（即 sitemap.xml），能加快页面被收录的速度。

5. 常见问题

5.1 域名必须单独购买吗？

不必须。托管平台赠送的子域名（如 yourname.vercel.app）完全可以正常使用。购买独立域名仅出于品牌考虑，建议在 .com、.cn 等常用后缀中选择，注册后用 CNAME 记录指向托管地址即可完成绑定。

5.2 静态博客写文章是否很麻烦？

习惯之后效率极高。日常只需要用任意纯文本编辑器（如 VS Code）写好 Markdown 文件，保存后推送到 GitHub，剩下的构建与发布全部交给托管平台，这种写作体验反而能让注意力更集中在内容上。

5.3 换主题会丢失原有文章吗？

不会。你的文章内容保存在 content 目录下，与主题完全分离。更换主题只需要调整配置文件中主题名称这一行，就可以随时切换外观，无需重构任何一篇文章。

6. 结语

搭建个人博客的整个过程可以浓缩为三个动作：选定静态方案、用 Hugo 建站、推送到免费托管平台。第一天就用一个真实主题写满三篇文章再上线，胜过在工具对比中反复纠结。上线之后把重心放到内容更新上，技术细节留给时间慢慢打磨。

图1 图2
nginx