Hexo3.主题简单个性化设置-Hexo(yilia)+GitHub Pages搭建个人博客系列文章

---

简单介绍一些yilia主题的需要或者说可以自定义的内容，该部分内容主要参考yilia的制作者litten的博客的博客，github网址：https://github.com/litten/hexo-theme-yilia/blob/master/_config.yml
可通过 hexo s 本地发布，然后通过访问 http://localhost:4000/ 预览效果，进行个性化设置。

一、主要信息配置：Hexo/_config.yml配置

一般需要设置一下内容

site,url,jsonContent(标签不能正常显示的问题)

注意：标签不能正常显示的问题

#标签不能正常显示的问题
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: true
    tags: true

jsonContent(标签不能正常显示的问题)，该功能需要添加依赖：

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

二、主题配置Hexo/themes/yilia/_config.yml配置

menu;subnav;favicon(设置网站图标);avatar(头像);friends(社交)

注意：favicon设置网站图标，用自己的图标替换H:\Hexo\source\assets\img\favicon.ico，然后修改H:\Hexo\themes\yilia\_config.yml里面的图标链接

#设置网站图标
favicon: /assets/img/favicon.ico

图标介绍及制作可参考：http://www.faviconico.org/

推荐原因：可以预览图标，就是你制作后图标后，点击预览，它会将当前网页图标设置成你的图标。

favicon.ico一般用于作为缩略的网站标志，它显示在浏览器的地址栏、浏览器标签上或者在收藏夹上，是展示网站个性的缩略logo标志，也可以说是网站头像,目前主要的浏览器都支持favicon.ico图标，如果要让网站看起来更专业、更美、更有个性，favicon.ico是必不可少的，你在本站使用ICO图标转换工具就可以轻松将您的网站图标转换成favicon.ico。

---

Hexo(yilia)+GitHub Pages搭建个人博客系列文章：
1.Hexo1.博客备份-Hexo(yilia)+GitHub Pages搭建个人博客系列文章
2.Hexo2.基本框架搭建-Hexo(yilia)+GitHub Pages搭建个人博客系列文章
3.Hexo3.主题简单个性化设置-Hexo(yilia)+GitHub Pages搭建个人博客系列文章
4.Hexo4.扩展主题的个性化设置-Hexo(yilia)+GitHub Pages搭建个人博客系列文章

补充：

1. 文章首发于Hexo个人博客：https://www.yansheng.xyz
2. 个人博客GitHub 仓库：https://github.com/yansheng836/yansheng836.github.io