先放一个Hexo官方文档的链接。

初始化 hexo 博客

1
2
npm install hexo-cli -g
hexo init lyh543.github.io

这步会创建一个 lyh543.github.io 文件夹,文件夹里是一个基础的博客。接下来安装博客所需的最基础的 npm 包。

1
2
cd lyh543.github.io
npm install

然后接常规二连就可以了

常规二连

1
2
3
4
# hexo clean
# 如果后面突然报bug,可以试下clean(虽然我也不知道有什么用)
hexo g
hexo d #可以替换为git add, commit, push三连

貌似调用hexo的任何命令的前 20 秒内命令行会没有回显,用Windows下的任务管理器查看是 node 占用了高 CPU。不知道是不是通病。

甚至可以简写为(以下二选一):

1
2
hexo d -g
hexo g -d

配置 hexo-server

Hexo 提供了本地即时预览网页的功能,需要安装 hexo-server:

1
npm install hexo-server --save

安装以后,hexo s以后即可在http://127.0.0.1:4000/预览自己的博客了。本地更新文件以后,hexo 会即时更新,刷新网站即可预览更改。

配置 deploy

配置deploy就不用再到 git 里 push 了。

deploy 之前配置博客根目录下_config.yml最后三行为(冒号后一定要有空格!!!!)

1
2
3
4
deploy:
type: git
repo: https://github.com/lyh543/lyh543.github.io
branch: master

还要安装hexo-deployer-git

1
npm install hexo-deployer-git --save

给 hexo 换主题

先区分两个概念:主题配置文件站点配置文件

站点配置文件用于配置站点,在/_config.yml
主题配置文件用于配置主题,在 /theme/<theme name>/_config.yml
二者同名,故用概念区分,下同。

理论上,只要在/theme文件夹下配置好以后,修改站点配置文件的theme一项,即可方便的切换主题。

本文以material主题做示范,演示如何下载、配置主题。

  1. 在github把上面的库clone到本地;
  2. 在 Hexo 博客中的/theme/文件夹下创一个material文件夹;
  3. 接下来把刚才clone的整个库复制到material文件夹里;
  4. 最后改一下站点配置文件:
1
2
3
theme: material

language: zh-CN

即可。

Material主题配置具体需要注意的点见另一篇博客