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

文章目录

    • 一、主要信息配置:`Hexo/_config.yml`配置
    • 二、主题配置`Hexo/themes/yilia/_config.yml`配置


简单介绍一些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

你可能感兴趣的:(Hexo,GitHub)