[Hexo] 3 Hexo 修改主题

修改 Hexo 主题

Posted by Mr.Vincent on 2019-06-08
Estimated Reading Time 1 Minutes
Words 391 In Total
Viewed Times

参考:hexo博客(四):自定义主题并发布

图片5
这是 hexo 默认的主题,我们需要修改这个主题,那么我们可以去找一些符合我们个人爱好的一些主题选择一个自己喜欢的 Hexo 主题
这个网站有很多主题可以供我们去选择,如下图所示。每一个主题都有对应网站可以预览,并且都有 Github 地址,我们可以照着 Github 的 wiki 就可以安装了,过程都比较简单。

图片6

我们这次安装主题也是上面这些主题中其中一个,它就是 LanMiao (A Pink and simple theme) 。

安装 LanMiao 主题


下载:LanMiao 主题

将主题克隆到 themes 目录下,以下截图就是 clone 之后的结果。

1
2
$ cd <博客存放的目录>
$ git clone https://github.com/hilanmiao/hexo-theme-lanmiao

图片7

使用:LanMiao 主题

打开在 Hexo 文件根目录下的 _config.yml,就是整个 hexo 框架的配置文件了。可以在里面修改大部分的配置。详细可参考官方的配置描述。找到 themelandscape修改为 hexo-theme-lanmiao

1
theme: landscape
1
2
3
4
5
6
7
8
theme: hexo-theme-lanmiao

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: <repository url>
branch: [branch]

打开 Github 官网上 LanMiao 主题 的地址,认真阅读 LanMiao 主题 开发者的 README.md 文档:

图片8

根据 README.md 文档,修改 Hexo 根目录下的 _config.yml 配置文件:

图片9

然后在本地测试下:

1
$ hexo clean &  hexo g & hexo s

修改成功,推送到 Github 上:

1
$ hexo clean &  hexo g & hexo d

图片10


If you like this blog or find it useful for you, you are welcome to comment on it. You are also welcome to share this blog, so that more people can participate in it. If the images used in the blog infringe your copyright, please contact the author to delete them. Thank you !