Hexo 是静态博客生成器,没有传统的后台管理界面,所有内容都是 Markdown 文件,用任何编辑器都能写。这意味着:
- 🗂️ 文章就是文件,不依赖数据库
- ✍️ 用 VS Code / Typora / Obsidian 等任意编辑器
- 🚀 Git 推送即可自动部署
下面介绍完整的写作发布流程。
方法一:Hexo 命令行(推荐)
创建新文章
1 | npx hexo new "文章标题" |
比如:
1 | npx hexo new "我的第一篇博客" |
会在 source/_posts/ 下生成 我的第一篇博客.md。
文章格式
1 | --- |
本地预览
1 | npx hexo server |
浏览器打开 http://localhost:4000,每次保存文件后刷新页面就能看到效果。
构建发布
1 | # 清理旧文件 |
生成的文件在 public/ 目录。
方法二:直接编辑 Markdown(更简单)
大多数博主更习惯直接用编辑器写:
1 | # 1. 用 VS Code 打开项目 |
Git 推送到 GitHub 后,Cloudflare Pages 会自动构建部署。
文章管理技巧
草稿功能
不想立刻发布?用草稿模式:
1 | npx hexo new draft "未完成的文章" |
草稿存在 source/_drafts/。预览时加 --draft:
1 | npx hexo server --draft |
发布草稿:
1 | npx hexo publish "未完成的文章" |
标签管理
标签用于分类和聚合内容,建议保持一致:
1 | tags: |
所有标签会显示在 标签页 的标签云中。
分类管理
分类是更大的归类:
1 | categories: |
如果写 [技术, 前端],表示「前端」是「技术」的子分类。
VS Code 推荐插件
| 插件 | 用途 |
|---|---|
| Markdown All in One | Markdown 增强 |
| Markdown Preview Enhanced | 实时预览 |
| Front Matter | 可视化管理元数据 |
| Paste Image | 粘贴截图自动保存 |
总结
| 步骤 | 命令 |
|---|---|
| 创建文章 | npx hexo new "标题" |
| 本地预览 | npx hexo server |
| 清理构建 | npx hexo clean && npx hexo generate |
| 启动服务 | npm run server |
| 构建部署 | npm run build |
没有后台管理,但有更强的灵活性 —— 所有内容都是文件,版本管理、备份、迁移都非常方便。🎉