Hexo yilia主题的使用方法

谁践踏了优雅 2022-02-19 11:37 295阅读 0赞

时隔两年，终于使用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

配置成功后：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzkzNTkwNw_size_16_color_FFFFFF_t_70]

# 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.配置图片资源 #

1.  将图片添加到文件夹themes/yilia/source/img下
2.  配置文件中直接引用即可。路径为 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最后添加  
**安装不蒜子脚本:**

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

# PV方式，单个用户连续点击 n 篇，记录 n 次记录值
 本站总访问量次
 
 # UV方式，单个用户连续点击 n 篇，记录 1 次记录值
 本站访客数人次

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

# 使用 pv 记录方式，每访问一次，记录一次
 本文总阅读量次

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzkzNTkwNw_size_16_color_FFFFFF_t_70]: /images/20220219/0599b1c9b5d744edb780224f572cbddc.png