先放一个Hexo官方文档的链接。
初始化 hexo 博客
1 | npm install hexo-cli -g |
这步会创建一个 lyh543.github.io
文件夹,文件夹里是一个基础的博客。接下来安装博客所需的最基础的 npm
包。
1 | cd lyh543.github.io |
然后接常规二连就可以了
常规二连
1 | # hexo clean |
貌似调用hexo
的任何命令的前 20 秒内命令行会没有回显,用Windows下的任务管理器查看是 node
占用了高 CPU。不知道是不是通病。
甚至可以简写为(以下二选一):
1 | hexo d -g |
配置 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 | deploy: |
还要安装hexo-deployer-git
:
1 | npm install hexo-deployer-git --save |
给 hexo 换主题
先区分两个概念:主题配置文件
和站点配置文件
。
站点配置文件
用于配置站点,在/_config.yml
;主题配置文件
用于配置主题,在 /theme/<theme name>/_config.yml
。
二者同名,故用概念区分,下同。
理论上,只要在/theme
文件夹下配置好以后,修改站点配置文件的theme
一项,即可方便的切换主题。
本文以material主题做示范,演示如何下载、配置主题。
- 在github把上面的库
clone
到本地; - 在 Hexo 博客中的
/theme/
文件夹下创一个material
文件夹; - 接下来把刚才
clone
的整个库复制到material
文件夹里; - 最后改一下站点配置文件:
1 | theme: material |
即可。
Material主题配置具体需要注意的点见另一篇博客。