前言

​ 如果你看了我的前一篇文章,你应该简单的了解了如何在本地搭建 Hexo 环境以及如何在本地预览网站效果,但是,如果我总是觉得默认的主题效果很单调怎么办?没关系,Hexo 为我们提供了很多漂亮的主题,接下来我就说说如何让你的博客更加美观漂亮。

主题配置

Hexo 为使用者提供了很方便的方式来修改博客的主题样式。

1
2
3
4
5
6
7
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes

这是我们之前初始化时 Hexo 为我们创建的文件,其中有个 themes 文件夹,这里面就是存放 主题 文件的,你会在 themes 文件夹中找到一个 landscape 文件夹,这个就是 Hexo 生成的网站的默认主题,同时你在 _config.yml 这个配置文件中也能找到:

1
theme: landscape

这就是用来设置网站主题的,后面的值对应的是 themes 文件夹中主题文件夹的名称。

如何修改

​ 如果你是一个前端开发人员并且有足够的精力,你可以尝试去编写自己的主题,那么有人就要问了,如果我不会前端开发技术,或者我有技术但是没有足够的时间呢?不要慌,Hexo 社区 为我们提供了大量的主题样式,你只需要在里面找的你喜欢的主题样式,然后应用到你的网站中就可以了。

​ 在找到中意的主题后,你可以查看作者是否有发布安装说明,一般只需要将主题文件复制到 themes 文件夹中,然后在 _config.yml 配置文件中修改主题配置就可以了,修改完之后执行 hexo clean && hexo g && hexo s 就可以在本地预览网站效果了。

​ 这里我使用的是 Butterfly 这个主题,具体使用可以参照他的作者 JerryC的博客 ,里面有详细的使用教程。

很多主题都是需要做特殊的配置的,所以使用前建议详细阅读安装文档。