从 Markdown 到静态博客:我的写作工作流演进
技术笔记
2026/5/16
写博客两年多,我的写作工具和工作流经历了好几次迭代。从最初在 WordPress 后台磕磕绊绊地编辑,到后来切换到 VS Code + Markdown + Hexo 的静态站点方案,效率有了质的飞跃。今天想和你分享我的整套静态博客写作流,以及背后用到的实用工具。
为什么放弃动态 CMS?
这并不是说 WordPress 不好。它依然是非常强大的 CMS(内容管理系统),适合电商、社区等复杂场景。但对于一个纯粹的个人博客,我越来越觉得它太重了:
- 每次加载后台要等几秒;
- 插件和主题的更新频繁,有时会冲突;
- 数据库备份、PHP 版本升级、安全补丁……维护成本不低;
- 沉浸感不够:浏览器环境容易分心。
而静态博客恰好解决了这些问题:纯文本写作,版本控制,毫秒级响应,近乎零维护。代价则是需要接受一点技术门槛,比如了解 Git、命令行和 Markdown。
我的三件套:Markdown + Hexo + Cloudflare Pages
✍️ 写作:VS Code + Markdown
我喜欢使用 VS Code 来写 Markdown。几个必备插件:
| 插件名 | 作用 |
|---|---|
| Markdown All in One | 快捷键、目录生成、表格格式化 |
| Markdown Preview Enhanced | 实时预览,支持 LaTeX、流程图 |
| Paste Image | 直接粘贴截图,自动保存到本地文件夹 |
| Word Count | 字数统计 |
小技巧:在 Hexo 文章中,可以将
post_asset_folder: true写在_config.yml中,这样每次hexo new都会生成一个同名的资源文件夹,图片就放在那里,然后用引用。
🏗️ 构建:Hexo
Hexo 基于 Node.js,生成文章的速度非常快。我的常用命令:
hexo new "文章标题" # 新建文章
hexo clean && hexo g # 清理缓存并生成静态文件
hexo s # 本地预览 (http://localhost:4000)