Hexo搭建小记
身为一个懒人,又不会写网页,也只能用用博客生成器了。
为什么选择Hexo
其实也没啥特别的理由。一开始想把博客搭在自己的服务器上,然而感觉维护太麻烦了,正好觉得Github Pages很不错,就决定用了。Github Pages只支持静态页面,WordPress之类的就不能用了,于是随手找了几个静态博客生成器, 随手一查就找到了Hexo。
Hexo搭建过程
Hexo的官方文档有中文,这点很赞。虽然官方文档讲的不是很清楚..然而搭建还是比较简单的,加上Google了几篇教程,很快就把Hexo搭起来了。
身为一个博客生成器,当然不能让我们接触到代码了。所以Hexo的基本配置均在_config.yml
这个配置文件中。配置采用YAML语法,看看官方文档也就差不多了解了。基本上无需过多配置就搭建完成了。
Hexo主题
Hexo有许多主题,个人采用了官方推荐的 NexT.Pisces主题,整体风格还是比较简洁的(然而用这个主题的实在是太多了…随便一个Hexo博客就是Next主题)。
同时主题内已集成了许多第三方服务,如Google Analysis、DISQUS等,只要改改配置文件就能配置完成,还是相当简单的。
Hexo图片插入指引
直接用Markdown语法引用图片会导致图片在首页无法显示,官网给出了一个解决方案,就是利用内置的插件,形式如下:
{% asset_path slug %}
然而这个方法会破环原生Markdown语法,对编辑者的预览等造成不便。
很奇怪官方为什么要采用这种方法。
更好的解决方案是安装hexo-asset-image这个插件。进入博客目录,使用如下命令安装插件:
npm install https://github.com/CodeFalling/hexo-asset-image --save
安装完成后,即可使用原生Markdown语法插入图片。
To Do
已实现功能
- 评论,采用DISQUS
- 数据统计,采用Google Analytics
- 图片显示在首页
- 搜索引擎收录,Google Search Console
- 首页文章不显示全部
- git配置,
hexo g -d
一条命令部署 - 使用Travis CI自动生成及部署
待实现功能
- 更多的自定义操作
- 文章访问量统计
- 在自己的服务器也部署博客,然后用 CI 实现自动部署
- 使用 CDN 加速 Github Pages 的访问
- 评论点击加载
参考文章
最后修改于 2019-04-21