我的博客搭建记录:从 Hexo 到 Butterfly
今天开始搭建自己的个人博客。
我参考了 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。
下一步
接下来要继续完善部署、图片管理、文章模板和内容分类。等这些路径稳定下来,这个博客就可以从“建站项目”慢慢变成真正的写作空间。
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 Chiron!
