hexo 本地编辑md文件_博客系统 Hexo 发文章就这么简单

上一篇我们尝试把 Hexo 博客系统在本地建设起来，并部署到个人 Github Pages 中进行公开展示，现在要写些文章并提交，让博客空间变得真正有意义

要通过 Hexo 发表博客很简单，容我先喝口水

几个命令

这里约定，我们博客的根目录名是 my_hexo_blog

$ hexo g  # 1$ hexo s  # 2$ hexo d  # 3

1. 将 source/_posts 目录下的 md 格式博客文章打包成静态页面，供网页里展示，每次写新文章了需要执行一次该命令
2. 本地开启 Hexo 服务器，浏览器中预览博客效果
3. 将 public 目录下的内容发布到 Github 中，注意，如果此前已经在 github.io 中发布过内容，第一次进行此操作会将仓库覆盖掉，务必先保存数据，后续更新文章，使用该命令部署就只是增量更新了

换了一个主题

之前介绍 Hexo 部署的时候选的示例主题我并不满意，于是重新找了一款，我的原则是简约，简单，只保留内容等核心要素，花里胡哨的东西尽可能去掉

于是找到了 lights，通过 Git 命令拉取到 themes 目录下

$ cd my_hexo_blog$ git clone https://github.com/HenryWoo1229/Lights.git themes/lights

通过修改根目录 _config.yml 重新指定主题

themes:lights

然后启动 Hexo 本地服务，就能预览到这样一个界面

改造新主题

这张主页里，我需要更改几个地方，分别是

• 头像
• 名字
• 个性签名
• 语言

头像的配置位于这个主题根目录下的 _config.yml 文件中

avatar: /images/avatar.png

将图片改名为自己的头像图片，并将图片文件放到

themes/lights/source/imges 下，便完成替换，这里注意调试一下长宽比例，否则会被自动压缩导致图像变形

名字，个性签名和语言，都在 my_hexo_blog 根目录下的 _config.yml 中修改

title: 一个极其普通的程序员author: Henry Woo in CHJ Inc.language: zh-CN

这样重启本地 Hexo 服务后，就变成了

博文页面中长这样

已经有点儿属于自己东西的样子了

但又发现了一些需要修改的地方

• 首页右上角，订阅需要去掉
• 博文页中，支持分享到 Twitter 和 Facebook，也需要关掉这样在国内用不了的操作

由于我并不知道这个前端页面是如何设计的，找了一下 _config.yml 中也没有相关配置，于是猜测它们是在页面中自动生成的

通过 Chrome 检查了这几个页面元素的关键词发现，订阅按钮跟atom.xml 相关，通过 grep 搜索( Windows 系统可以使用findstr 命令)

发现该文件位于 lights/layout/_partial/nav.ejs

这是 js 的片段文件，将对应代码行注释掉，重启服务后，页面就不再出现相关内容了

去掉 Twitter 和 Facebook 按钮也参考这种方法，这样就得到了比较满意的效果

文章发布流程

1. 将文章用 Markdown 写好，可以使用 Typora 编辑，文章的显示时间根据文件创建时间自动定义
2. 将文章拷贝到 source/_posts 下
3. 初次使用当前主题时，执行一下 hexo clean，将之前主题的缓存清理掉，再使用hexo g 生成博客静态页面
4. 执行命令开启 Hexo 服务，本地预览一下效果
5. 执行命令一键部署到 Github

总结起来就是，自己动手 DIY 一个博客系统，真香！如果你心动了，就马上心动起来吧