如何用Hexo开始博客之旅

没有写博客已经很久了,至少应该有6-7年了吧.为啥现在又捡起来了呢?人老了,记性不好,留下点回忆和足迹.
现在搭建博客的样式也太多了,各种语言都开发了静态博客系统, 我选择的是Hexo.一个可以让你快速上手还可以用GitHub展示的工具.

安装前准备

  • Node.JS 现在的版本都有包含npm了,如果你想用yarn可以.
  • Git 人生不可以重来, 但是Git可以.
  • Github 账号需要来一个.要不你得自己找主机了, 其实购买个vps部署也不错,还可以学到更多的东西.

开始安装

1
2
3
4
$ npm install -g hexo-cli # 安装 hexo
$ hexo init blog # 初始化博客, blog 这个名字你可以随便,尽情发挥.
$ cd blog
$ hexo server # 启动 hexo

通过访问http://localhost:4000你就可以看到你的博客了.

安装主题

我用的是NexT主题. 之前没有注意,安装了老的版本,都弄的差不多了,才发现原来这个项目已经独立出来了,并跨度了两个大版本.目前最新版本是v7.1
我使用的这种方式不支持通过git来升级哦, 更多方式请看hexo-theme-next安装文档

1
2
$ mkdir themes/next
$ curl -s https://api.github.com/repos/theme-next/hexo-theme-next/releases/latest | grep tarball_url | cut -d '"' -f 4 | wget -i - -O- | tar -zx -C themes/next --strip-components=1

修改相关的配置

修改blog/_config.yml,设置theme: next, 这样就启用这个主题了.

接下来就是修改themes/next/_config.yml的配置, 这里需要修改的东西很多.可以根据自己的喜好来设定.

安装插件

这里我只安装了基本的插件, 后续还会增加一些插件,实现更多的功能.

原则: 最小部署,持续迭代.

1
2
3
4
npm install --save hexo-generator-index
npm install --save hexo-generator-archive
npm install --save hexo-generator-tag
npm install --save hexo-deployer-git

部署到Github上

修改blog/_config.yml文件

1
2
3
4
deploy:
type: git
repo: git@github.com:fire9/blog.git
branch: master

一些相关的命令

1
2
3
4
5
6
7
8
9
$ hexo new "post title" ## 创建一篇博客
$ hexo new draft "draft title" ## 创建一篇博客草稿
$ hexo publish [layout] <fielname> # 将草稿发布成正式文章
$ hexo new page "about" # 创建关于页面
$ hexo new tags "tags" # 创建标签页面
$ hexo clean
$ hexo generate -w | -d
$ hexo server
$ hexo deploy

相关参考

Hexo 官网
Hexo 插件
Hexo 主题
hexo-theme-next