我的第一个个人博客:从 VPS 到 Hugo 的搭建记录

为什么搭建这个博客

一直想拥有一个属于自己的空间,用来记录生活、旅行以及技术折腾。

以前很多学习过程都是解决完问题就结束,没有留下记录。

所以决定搭建一个自己的博客,把过程保存下来。

这个博客不追求展示完美结果,而是记录学习和折腾的过程。


技术选择

这次选择了比较简单稳定的方案:

  • VPS:DMIT
  • 域名:334305.xyz
  • 系统:Ubuntu
  • 博客框架:Hugo
  • 主题:PaperMod
  • Web 服务:Nginx
  • CDN/DNS:Cloudflare

最终结构:

访问者 ↓ Cloudflare ↓ Nginx ↓ Hugo 静态网站 ↓ VPS


搭建过程

整体过程比较顺利:

  1. 安装 Hugo
  2. 创建博客项目
  3. 配置 PaperMod 主题
  4. 使用 Nginx 发布静态页面
  5. Cloudflare 配置域名和 HTTPS
  6. 使用 Git 管理博客文件

遇到的问题

1. Cloudflare 521 错误

刚开始配置 Cloudflare 时遇到 521。

排查后发现:

  • VPS Nginx 正常运行
  • 本地访问源站正常
  • DNS 配置需要调整

最终解决。


2. VS Code Remote SSH 连接失败

为了方便写文章,希望直接用 VS Code 编辑 VPS 文件。

连接时遇到:

Permission denied (publickey)

最后发现不是 VPS 配置问题,而是 Windows 私钥文件权限导致 VS Code 无法读取。

修复权限后连接成功。


当前状态

现在已经可以通过 VS Code 直接编辑:

/var/www/blog

以后写文章只需要:

Markdown → Hugo → 网站


后续计划

接下来会继续记录:

  • Linux 学习
  • VPS 优化
  • AI 工具使用
  • 网络技术
  • 旅行记录

这个博客用于记录过程,而不是展示结果。