这一篇我们讲如何给我们的hexo博客美化,换主题;

一. Hexo主题选择

Hexo的主题有很多,大家可以访问 https://hexo.io/themes/ 来挑选,点击图片可以看到demo,部分需要科学上网,选择一个你喜欢的,现在主流的是用Next主题,我们这里将会用Anatole 主题来做演示,后续也会写Anatole的细节修改步骤;

  1. 打开 主题选择 的页面,我们找到Anatole ,然后点击图片下方的字进入到这个库;

  2. 点击clone,复制他的库地址;

  3. 回到本地我们打开我们博客文件夹,找到themes,进入到这里面然后右键git bash,在外面也行,但是还要再移到这里,不如一步到位,然后我们把用下面的命令把主题克隆到本地,git clone + 你复制的主题库链接;

    1
    git clone https://github.com/Ben02/hexo-theme-Anatole.git
  4. 安装这个主题的一些插件,复制下面整句代码;

    1
    npm install --save hexo-render-pug hexo-generator-archive hexo-generator-tag hexo-generator-index hexo-generator-category
  5. 然后我们修改一下blog文件夹下面的配置文件_config.yml ,打开后编辑,在最后面加上下面代码,然后上面的theme记得换成你自己下下来再themes文件夹里面主题的名字;

    1
    2
    3
    4
    5
    archive_generator:
    per_page: 0
    yearly: false
    monthly: false
    daily: false
  6. git bash 三步走;

    1
    2
    3
    4
    5
    6
    hexo clean 
    hexo g
    hexo d

    三个命令可以整合:
    hexo clean && hexo g -d
  7. 登陆网站看一下效果;