Hexo主题选择与配置

到我的博客 https://hlz.ink 享受更好的阅读体验

Hexo系列第三篇文章

选择你的主题

主题按你自己的需求在官网的主题中选取即可，推荐先从GitHub中Pull到你的电脑上然后用FTP上传。

我本人使用的是叫做Chic的主题，原因如下：

• JS较少，文件奇小无比
• 原生支持MathJax
• 简约（界面简约，代码简约）
• 支持双色模式（看右上角是什么）

把下载好的文件解压缩后得到一个主题的文件夹，上传至服务器的/home/blog/themes下。

由于Hexo的主题切换十分简单，所以可以先选一个你觉得比较漂亮的直接使用即可。

配置你的主题

安装Hexo-server

在配置主题前，我推荐你先安装Hexo-server方便你调试你的博客（这个是基于nodejs的Server，可以实时显示你的结果）

npm install hexo-server --save

然后在VPS的端口控制面板中打开一个端口，例如5000

再在宝塔的安全中也打开这个端口（或者直接关闭防护墙）

测试语句

hexo server -p 5000

然后你访问IP:端口号就可以看到界面了

配置./_config.yml

参考：https://hexo.io/docs/themes

在Hexo中有两个_config.yml，一个是在博客根目录下的，一个是在主题目录下的。这两个的作用一般情况下互不相同，但是也有主题会重写这些在根目录下的配置文件。

这里讨论的是根目录的

我们只需要按需调整一部分即可，主要的有：

• title
• subtitle
• description
• keywords
• author
• language
• url
• theme

配置./themes/[你选择的主题]

由于每个主题的配置文件互不相同，自行修改即可，这里不再赘述

每次修改完的效果都可以实时在IP:5000中预览到

修改主题部分元素

比如说你想去掉主题作者的版权信息或者是其他的，可以到./themes/[你的主题]/layout中修改。

直接在这个目录下的就是常用的页面的格式，如文章页post.ejs，总览页archieve.ejs，关于页面about.ejs等等。同时页眉和页脚在_partial中存储，如footer.ejs是页脚，header.ejs是页眉等等。

由于每个主题不一样，请自行分析修改内容。

按照照着葫芦画瓢的原则完成编辑即可，不要怕编辑错误。源码可在Github中直接看到，而且你可以在IP:5000中实时看到效果和错误。

ejs 是Vue中的模板。Vue的正文部分，在ejs的Template中，可以直接使用HTML语言。

相信你可以在不到2个小时内调整出你所需要的样子。