Hexo yilia主题的使用方法

时隔两年，终于使用Hexo搭建完毕，我选择了yilia这个主题，一来干净简洁，二来能够满足我对博客平台的要求。接下来就是开始定制化自己的技术博客平台了。

1.设置主页标题和个性签名

//在全局配置文件_config.yml中进行如下的修改
title: 胖胖  //站点标题
subtitle: 笑不语  //站点副标题
description: 个人技术博客  //站点描述
keywords: 前端博客，后端博客，java,vue.js,jquery,html5,springboot,springcloud//博客关键字
author: Lujianlong  //作者
language: zh-CN  
timezone:

2.配置查看所有文件

//在cmd上执行如下命令
> D: //hexo文件所在的盘
> cd hexo文件所在的地址
> npm i hexo-generator-json-content --save

//在全局配置文件_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 yilia主题的使用方法

3.Hexo配置sitemap以及配置keyWords

主要是对hexo搭建的博客进行简单的SEO，比如给每篇文章加上keywords，以及生成sitemap.xml文件，方便我们提交到各大搜索引擎

//cmd窗口下执行下面命令
npm install hexo-generator-sitemap --save

在博客根目录下找到_config.yml文件，添加如下代码:

sitemap:
    path: sitemap.xml

设置文章关键字：
下面这段话的意思是如果页面有关键字，则用页面的关键字，否则使用配置文件的关键字

<% if (page.keywords){ %>
<meta name="keywords" content="<%= page.keywords %>,<%= config.keywords %>">
<% } else if (config.keywords){ %>
<meta name="keywords" content="<%= config.keywords %>">
<%} %>

在文章里面加入keywords，如下所示：

---
title: ###
date: ###
categories: ###
tags: ###
keywords: ###
---

4.配置图片资源

将图片添加到文件夹themes/yilia/source/img下
配置文件中直接引用即可。路径为 themes/yilia/_config.yml，找到如下即可

# 微信二维码图片
weixin:  /assets/img/wechat.png

# 头像图片
avatar:  /assets/img/head.jpg

# 网页图标
favicon:  /assets/img/head.jpg

5.文章摘要显示

问题: 点击主页时，发现所有文章都是全文显示，不利于查找，可控制显示的字数

解决办法： 在你 MD 格式文章正文插入即可，只会显示它之前的，此后的就不显示，点击文章标题，全文阅读才可看到，同时注释掉以下 themes/yilia/_config.yml，重复

# excerpt_link: more

6.增加归档菜单

修改 themes/yilia/_config.yml

menu:
    主页:  /
    归档:  /archives/index.html

7.增加不蒜子统计

利用这个统计，可以知道你博客的访问量
在 themes\yilia\layout_partial\after-footer.ejs最后添加
安装不蒜子脚本:

<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>

添加统计网站访问量:
修改 themes\yilia\layout_partial\footer.ejs，包括访客数和站点访问总量

# PV方式，单个用户连续点击 n 篇，记录 n 次记录值
<span id="busuanzi_container_site_pv">    本站总访问量<span id="busuanzi_value_site_pv"></span>次</span>

# UV方式，单个用户连续点击 n 篇，记录 1 次记录值
<span id="busuanzi_container_site_uv">  本站访客数<span id="busuanzi_value_site_uv"></span>人次</span>

单篇文章点击量:
在需要显示的地方添加

# 使用 pv 记录方式，每访问一次，记录一次
<span id="busuanzi_container_page_pv">  本文总阅读量<span id="busuanzi_value_page_pv"></span>次</span>