使用Hexo创建十七蝉的日志

十七蝉的日志是用Hexo创建的。

为什么要用Hexo

  • 轻量级,无需数据库,发布环境下是静态页面,连动态模块(比如PHP)都不需要;
  • Hexo是Nodejs写的,我们正在使用这个环境做服务器端开发,便于对Hexo做定制、改造和学习。

Hexo实现日志功能的基本思路

日志的书写,使用MarkDown语法:

可以在本地把Hexo server跑起来,再将日志生成为HTML,动态的看日志效果:

然后,通过Hexo部署命令,将静态网页部分发布到服务器上去。其实网上看到的Hexo日志只是静态页面部分。

创建Hexo的具体步骤

正好腾讯云提供了200元奖励金,用它在腾讯云上创建了个最小型的虚拟服务器(ubuntu)。

然后,安装了nginx,设置好网页的目录,其他就不用在服务器端做了。

在本地安装hexo需要提前安装Nodejs环境。然后执行:

1
$ npm install -g hexo

然后可执行命令创建日志的本地文件:

1
$ hexo init blog && cd blog

再生成本地的静态文件:

1
$ hexo generate

之后,就可以启动本地服务器,通过浏览器看看效果:

1
$ hexo server

如果你觉得日志写的满意了,就可以同步到公网的服务器上了。需要做点儿配置,可参考hexo的部署文档。我用的是rsync方式。这样只需执行下面命令然后输入一下密码就可以完成日志的更新了:

1
$ hexo deploy

使用和定制化

这个文档会持续更新,逐步定制化日志的插件和样式,并记录在下面。

如何加入图片

我现在的做法是,将图片放在source/images目录下,然后,直接写html:

1
<img src="/images/create-blog-with-hexo-a.png" style="width: 300px;"/>

这样还是很麻烦的,下一步考虑定制css简化这个。好在以后写日志不会像以前那么频繁了,而是要当做文章来写,这个工作不算繁重。

加入适合国内的评论

如果你不做这一步,你的页面会有问题,比如浏览器一直在加载等。

我评论使用的是多说,分享使用的是百度分享。具体配置可见hexo系列教程:(四)hexo博客的优化技巧

杂项和配置

在Hexo根目录下得_config.yml,我还修改了一些内容。

日期显示格式

1
date_format: YYYY-MM-D

在主题配置文件,将显示的英文改为了中文:

1
2
3
4
5
6
7
8
9
10
11
menu:
首页: /
存档: /archives
关于: /about

widgets:
- search
- category
- tag

excerpt_link: 阅读全文