使用hexo搭建博客

本来只是觉着之前的主题代码快有点丑,开始寻找更好地显示代码块的方法。没想到找到了hexo这么给力的一个东西。看了几个博主的网站发现确实很好看,所以就下定决心开始折腾了。这篇博文就是记录我从jekyll换到hexo的一个过程。

必备软件

Node.js:直接打开官网,点击INSTALL即可下载安装包。官网能够识别你的电脑是不是MAC,这点还是蛮给力的。

Git: 这个不会装的可以去面壁了。

至于编辑markdown的软件的话,在MAC下当然是推荐Mou了,不过我还是喜欢直接在vim下编辑,vim重度患者没办法。

hexo主要安装过程及常用命令

# sudo -i                 // 先切换到root权限下
# npm install -g hexo
# cd my-blog-dir
# hexo init               // 在该目录下初始化
# hexo install            // 安装依赖包
# hexo new post "test"    // 新建一个空白post
# hexo generate           // 生成静态页面
# hexo server             // 启动本地预览服务

# hexo g == hexo generate
# hexo d == hexo deploy   // 将仓库部署到在config文件中指定的repo中  
# hexo s == hexo server
# hexo n == hexo new
# hexo deploy -g          // deploy + generate
# hexo server -g          // server + generate
# hexo deploy -m "msg"    // custom message

如果任何一步遇到问题,可自行Google。当然看看官网的文档也是必要的。
参考资料中一些博主的博文也是很好的guide。

常用的技巧

markdown语法还是有必要学一学的,不过很简单请放心。

向Google提交sitemap:如何向google提交sitemap

hexo的作者提示过,使用四个空格的方式标志的代码块是没有行号的,需要行号的请使用三个反引号的形式。

hexo does not watch for configuration file changes. You have to restart hexo to make the new configurations take effects.

添加RSS和sitemap

1
2
3
4
5
6
7
8
9
10
11
# npm install hexo-generator-feed --save
# vim _config.yml
Plugins:
- hexo-generator-feed
- hexo-generator-sitemap
sitemap:
path: sitemap.xml
feed:
type: atom
path: atom.xml
limit: 20

可以用下面这句话在markdown文件中分隔摘要

1
<!--more-->

更多plugins,可以查看官方文档

由于我之前就用disqus管理博客的留言,所以直接在_config.yml文件中配置好disqus_shortname即可。

觉得默认主题的recent部分显示的数量较少的话,可以修改themes/landscape/layout/_widget/recent_posts.ejs文件

tag的话,直接使用tag cloud就比较好了,所以我去掉了tags的详细显示,方法就是直接注释掉landscape主题的配置文件中对应的tag行。

配置访问统计,直接将之前的统计代码写进_widget/count.ejs后,在config文件中配置好即可。

添加about页面

1
2
3
4
5
# hexo new page "about"
# vim source/about/index.md // 编辑index.md页面
# vim themse/landscape/_config.yml
menu:
About: /about //添加该行

未完成

使用图床加速带图片的网页,比如七牛,又拍云。

添加友情链接widget

购买自己的域名

设置404页面

参考资料

hexo你的博客
如何搭建一个独立博客
Zipperary的hexo系列教程
Hexo官方文档