LOADING

加载过慢请开启缓存 浏览器默认开启

从 Markdown 到静态博客:我的写作工作流演进

写博客两年多,我的写作工具和工作流经历了好几次迭代。从最初在 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 都会生成一个同名的资源文件夹,图片就放在那里,然后用 ![](./图片名.png) 引用。

🏗️ 构建:Hexo

Hexo 基于 Node.js,生成文章的速度非常快。我的常用命令:

hexo new "文章标题"      # 新建文章
hexo clean && hexo g   # 清理缓存并生成静态文件
hexo s                 # 本地预览 (http://localhost:4000)