Hexo安装配置yilia主题

2018-06-06

最后的效果可参考本人博客
hexo静态博客

高级玩法之更换hexo主题

使用hexo-theme-yilia主题

在命令行中确保在本博客的根目录下，输入以下命令。

1 2	git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia # 注：themes/yilia意为将本次下载下来的yilia主题放在themes目录下

修改本博客根目录的_config.yml文件中的theme字段的参数，更改为yilia。
1
theme: yilia

部分配置项介绍

1 2	favicon 为网页打开后的标签图标 avatar 为网页主页的个人图标

文章截断功能

文章篇幅大的时候，主页将会被长篇占据，影响美观。

Yilia中可以使用<!– more –>在目标文中标记(一定是在文章中)，表示当该文章在主页显示的时候，只展现<!– more –>标记之前的内容。

可以注释excerpt_link这个配置项，如下：

1	# excerpt_link: more

开启tag栏的文章搜索

修改yilia的_config.yml文件中的showTags配置项值为true。

# slider的设置
slider:
  # 是否默认展开tags板块
  showTags: true

Yilia主题的所有文章功能不能用

点击左侧”所有文章”无法正常使用，则请参考以下操作。

node.js版本必须6.2以上

在hexo根目录下执行命令：

1	npm i hexo-generator-json-content --save

在hexo的配置文件_config.yml最后添加

jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

删除页面右下角的”Hexo Theme Yilia by Litten”

打开themes\yilia\layout_partial\footer.ejs,修改如下：

<div class="footer-right">
</div>

添加后重新发布就行了。
1
hexo clean && hexo g && hexo d

Hexo搭建博客系列教程

Hexo搭建博客系列教程1__hexo+Github搭建个人静态博客
Hexo搭建博客系列教程2__Hexo安装配置yilia主题
Hexo搭建博客系列教程3__yilia主题添加网易云音乐插件
Hexo搭建博客系列教程4__yilia主题添加Gitment评论插件
Hexo搭建博客系列教程5__让搜索引擎收录博客