今天开始搭建自己的个人博客。

我参考了 233002.xyz 的路线:用 Hexo 生成静态网站,用 Butterfly 作为主题,后续再接入 GitHub、Cloudflare Pages 和图片存储。第一版的目标很朴素:能本地预览,能稳定生成,基础页面完整,后面每次想写东西时不需要再临时修网站。

当前技术栈

层级 选择
博客框架 Hexo
主题 Butterfly
写作格式 Markdown
本地预览 hexo server
后续部署 Cloudflare Pages

为什么先选静态博客

静态博客生成出来就是 HTML、CSS 和 JavaScript,不需要自己维护数据库,也不需要长期运行服务器。对个人博客来说,这条路线轻、稳、便宜,也方便以后迁移。

另一个原因是写作节奏。Markdown 文件可以直接放进 Git 管理,文章、配置、样式都在同一个仓库里,出了问题也方便回退和排查。对个人博客来说,简单本身就是一种长期优势。

第一版先完成什么

这次先把站点的基础骨架补齐:

  • 首页有清晰的站点标题、简介和文章列表。
  • 归档、分类、标签页可以正常访问。
  • 关于页不再只是占位文字,而是说明这个博客会写什么、如何更新。
  • 自定义样式接入 Butterfly,让站点有一点自己的颜色和节奏。

本地运行记录

安装依赖后,可以用下面的命令预览:

1
npm run preview

生成静态文件则使用:

1
npm run build

如果后面接入 Cloudflare Pages,构建命令也会沿用 npm run build,输出目录是 public

下一步

接下来要继续完善部署、图片管理、文章模板和内容分类。等这些路径稳定下来,这个博客就可以从“建站项目”慢慢变成真正的写作空间。