前言

初步使用了Hexo后，你是否对Hexo的默认主题不满意呢？本篇文章将教你如何安装及美化hexo主题。
如果你还没安装和使用Hexo，请参考Hexo博客搭建指南。

通过查看Hexo安装目录的_config.yml配置文件，我们可以了解到Hexo的默认主题是landscape。

theme: landscape

更多的主题可以去 https://hexo.io/themes/了解，诸位可以根据自己的喜好选择合适的主题，这里我推荐几个。

Hexo主题推荐

Hexo NexT

hexo-theme-next是目前最广泛使用的Hexo主题了，优点是简洁，定制度高，因为代码是开源的，所以有很多开发者维护。由于前任管理员不提供权限，故开发了一个新的分支，详情。最新版本为8.0也是我在使用的版本，8.0及前版本请使用github搜索功能。

Hexo Butterfly

hexo-theme-butterfly 动态效果比较丰富，用了很多圆角元素。原生支持的插件很多，比如说绝大部分评论系统、给搜索引擎提交网站和站点地图、页面动效、页内搜索等。

我个人用的是 Butterfly ，支持功能够多，能节省很多自定义配置，我个人比较喜欢。

安装Butterfly主题插件

  • 安装Butterfly之前记得先安装pug和stylus依赖： 

    npm install hexo-renderer-pug hexo-renderer-stylus

  • 在Hexo博客根目录通过git指令下载Butterfly最新的主题文件。

    git clone --depth 1 https://github.com/jerryc127/hexo-theme-butterfly themes/butterfly

或者，直接从hexo-theme-butterfly页面下载源代码 ，解压到博客目录/themes目录下。
最终目录结构如下：

├─_config.yml
├─public
├─scaffolds
├─source
└─themes
    ├─butterfly
    	   ├─lanuage
         ├─source
         ├─layout
         ├─_config.yml
  • 修改Hexo安装目录的_config.yml配置文件，将主题修改为butterfly:
    theme: butterfly
  • 最后，执行hexo g & hexo s看看Butterfly主题风格的博客吧。

尝试其他主题

安装NexT主题：

git clone --depth 1 https://github.com/next-theme/hexo-theme-next themes/next

安装Light主题：

git clone --depth 1 https://github.com/hexojs/hexo-theme-light themes/light