hexo主题之hexo-theme-yilia-plus

逃离我推掉我的手 2021-11-23 06:32 413阅读 0赞

# hexo-theme-yilia-plus #

> 一个简洁优雅的hexo主题 ➡️ [https://github.com/JoeyBling/hexo-theme-yilia-plus][https_github.com_JoeyBling_hexo-theme-yilia-plus]

此项目是根据[hexo-theme-yilia][]主题做了一些优化和改动，写这个项目的初衷就是深入学习`Hexo`。使用`yilia`主题可以快速迁移到`yilia-plus`

> **欢迎使用和Star支持，如使用过程中碰到问题，可以提出Issue，我会尽力完善**

## 关于[hexo-theme-yilia-plus][https_github.com_JoeyBling_hexo-theme-yilia-plus]主题在原基础上做了以下功能升级 ##

1.  手机端头像添加主页跳转链接
2.  集成不蒜子访问量统计功能
3.  网易云音乐插件
4.  页面点击小红心效果
5.  增加了多个SubNav导航图标展示
6.  添加GitHub Ribbons(Fork me)
7.  页脚 Litten自定义
8.  添加版权声明
9.  添加百度站长平台主动推送
10. 集成 gitment 评论 ➡️ [https://github.com/JoeyBling/yilia-plus-demo][https_github.com_JoeyBling_yilia-plus-demo]
11. [集成码云评论][Link 1] ➡️ [https://gitee.com/zhousiwei/yilia-plus-demo][https_gitee.com_zhousiwei_yilia-plus-demo]
12. 其他样式轻微调优

> 如果有小伙伴有新功能的意见或者改进欢迎给我提意见和建议~

## 介绍 ##

*  功能还很少，欢迎各位给我提意见和建议~
 *  **本项目源于：[https://github.com/litten/hexo-theme-yilia][hexo-theme-yilia]。向作者表示深深的敬意。**

[yilia-plus][https_github.com_JoeyBling_hexo-theme-yilia-plus] 是为 [hexo][] 2.4+制作的主题。  
崇尚简约优雅，以及极致的性能。 你可以点击 [我的博客][Link 2] 查看效果。

如果想体验手机浏览效果，可以扫一下二维码：

![2743275-56d5b92f85bfa09f.png][]

--------------------

## 关于主题： ##

1.  崇尚简约
2.  追求移动端体验
3.  希望把加载速度做到极致（努力中）
4.  让大家把注意力放到内容上。这是本主题设计初衷
5.  主题不支持IE6，7，8。以后也不会

## 一、外观 ##

#### **常规** ####

![2743275-f061575967d6ee49.png][]

常规

## 二、开发者 ##

为了性能和开发工程化考虑，[yilia-plus][https_github.com_JoeyBling_hexo-theme-yilia-plus] 需要使用`webpack`进行构建生成。  
如果您对主题有一些定制化的需求，请参考wiki[《yilia-plus源码目录结构及构建须知》][yilia-plus]

## 三、开始使用 ##

#### 1、安装 ####

cd ./themes/
    git clone https://github.com/JoeyBling/hexo-theme-yilia-plus.git
    mv hexo-theme-yilia-plus yilia-plus

#### 2、配置 ####

修改hexo根目录下的 `_config.yml` ➡️ `theme: yilia-plus`

#### 3、更新 ####

cd themes/yilia-plus
    git pull

## 四、配置 ##

主题配置文件在主目录下的`_config.yml`，请根据自己需要修改使用。

> 完整配置例子，可以参考[yilia-plus博客备份][yilia-plus 1]

# Header-菜单
 menu:
 主页: /
 技术笔记: https://zhousiwei.gitee.io/ibooks/
 个人简历: https://zhousiwei.gitee.io/cv/
 日记本: /tags/日记本/
 
 # SubNav-导航
 subnav:
 github: "https://github.com/JoeyBling"
 gitee: "https://gitee.com/zhousiwei" # 码云
 jianshu: "https://www.jianshu.com/u/02cbf31a043a" #简书
 csdn: "https://blog.csdn.net/qq_30930805"
 #rss: "#"
 zhihu: "https://zhihu.com/people/joeybling"
 qq: "img/2434387555.jpg"
 weixin: "img/weixin_.png"
 weibo: "http://weibo.com/jayinfo"
 #douban: "#"
 #segmentfault: "#"
 #bilibili: "#"
 #acfun: "#"
 #mail: "mailto:litten225@qq.com"
 #facebook: "#"
 #google: "#"
 #twitter: "#"
 #linkedin: "#"
 
 # RSS订阅(关于如何配置启用:https://www.jianshu.com/p/2aaac7a19736)
 rss: /atom.xml
 
 # 是否需要修改 root 路径
 # 如果您的网站存放在子目录中，例如 http://yoursite.com/blog，
 # 请将您的 url 设为 http://yoursite.com/blog 并把 / 设为 /blog/。
 root: /
 
 # Content
 
 # 文章太长，截断按钮文字
 excerpt_link: more
 # 文章卡片右下角常驻链接，不需要请设置为false
 show_all_link: '展开全文'
 # 数学公式
 mathjax: false
 # 是否在新窗口打开链接
 open_in_new: true
 
 # 打赏
 # 打赏type设定：0-关闭打赏； 1-文章对应的md文件里有reward:true属性，才有打赏； 2-所有文章均有打赏
 reward_type: 2
 # 打赏wording
 reward_wording: '谢谢你请我吃糖果'
 # 支付宝二维码图片地址，跟你设置头像的方式一样。比如：/assets/img/alipay.jpg
 alipay: /img/alipay.jpg
 # 微信二维码图片地址
 weixin: /img/weixin.png
 
 # 目录
 # 目录设定：0-不显示目录； 1-文章对应的md文件里有toc:true属性，才有目录； 2-所有文章均显示目录
 toc: 1
 # 根据自己的习惯来设置，如果你的目录标题习惯有标号，置为true即可隐藏hexo重复的序号；否则置为false
 toc_hide_index: true
 # 目录为空时的提示
 toc_empty_wording: '目录，不存在的…'
 
 # 是否有快速回到顶部的按钮
 top: true
 
 # Miscellaneous
 # 百度统计
 baidu_analytics: ''
 google_analytics: ''
 
 # 网站图标
 favicon: /favicon.ico
 
 # 你的头像url
 avatar: /img/head.jpg
 
 # 是否开启分享
 share_jia: true
 
 # 评论：1、畅言；2、Disqus；3、Gitment；4、Giteement
 # 不需要使用某项，直接设置值为false，或注释掉
 # 具体请参考wiki：https://github.com/JoeyBling/hexo-theme-yilia-plus/wiki
 
 # 1、畅言
 changyan_appid: false
 changyan_conf: false
 
 # 2、Disqus 在hexo根目录的config里也有disqus_shortname字段，优先使用yilia的
 disqus: false
 
 # 3、Gitment----基于GitHub的评论系统(关闭请设置gitment_owner为false)
 # 关于如何集成:https://www.jianshu.com/p/ac7658cc912f
 #gitment_owner: false #你的 GitHub ID
 gitment_owner: JoeyBling #你的 GitHub ID
 gitment_remote: false # 是否使用官方js(false可以提升访问速度)
 gitment_repo: 'yilia-plus-demo' #存储评论的 repo
 gitment_oauth:
 client_id: '1062039060f4021e8ae2' #client ID
 client_secret: '6ffbfcbd49ef5b123d524664657145a662179f34' #client secret
 
 # 4、Giteement----【国内用户建议使用这个，相对比较快】
 # 关于如何集成:https://www.jianshu.com/p/f5c4633524c7
 # 基于码云的评论系统(https://gitee.com/zhousiwei/giteement)
 giteement:
 enable: false # 是否启用码云评论系统
 # 是否使用官方js(false可以提升访问速度)
 remote: false
 redirect_uri: https://zhousiwei.gitee.io/ # 应用回调地址(请和配置的第三方应用保持一致)
 # oauth_uri: https://zhousiwei.gitee.io/
 # 不能更改(网上开源项目https://github.com/Rob--W/cors-anywhere作者提供的专门用来跨域服务器的配置)
 oauth_uri: https://cors-anywhere.herokuapp.com/https://gitee.com/oauth/token
 giteeID: zhousiwei # 你的码云账号英文名
 # 存储评论的 repo
 repo: zhousiwei
 gitment_oauth:
 client_id: '' #client ID
 client_secret: '' #client secret
 
 # 是否开启访问量统计功能(不蒜子)
 busuanzi:
 enable: true
 
 # 网易云音乐插件
 music:
 enable: false
 #id: 1332647902 # 网易云分享的ID
 autoplay: true # 是否开启自动播放
 
 # 页面点击小红心
 clicklove:
 enable: true
 
 # GitHub Ribbons(https://github.blog/2008-12-19-github-ribbons/)
 github:
 url: https://github.com/JoeyBling/hexo-theme-yilia-plus
 
 # 页脚 Litten
 pagefooter:
 litten: GitHub:<a href="https://github.com/JoeyBling/hexo-theme-yilia-plus" target="_blank">hexo-theme-yilia-plus</a>
 
 # 开启百度站长平台主动推送(https://ziyuan.baidu.com/linksubmit/index)
 baidu_push: false
 
 # 版权声明
 # 版权声明type设定：0-关闭版权声明； 1-文章对应的md文件里有copyright: true属性，才有版权声明； 2-所有文章均有版权声明
 copyright_type: 2
 
 # 样式定制 - 一般不需要修改，除非有很强的定制欲望…
 style:
 # 头像上面的背景颜色
 # header: '#D3D1DC'
 header: '#4d4d4d'
 # 右滑板块背景
 slider: 'linear-gradient(200deg,#a0cfe4,#e8c37e)'
 
 # slider的设置
 slider:
 # 是否默认展开tags板块
 showTags: false
 
 # 智能菜单
 # 如不需要，将该对应项置为false
 # 比如
 #smart_menu:
 # friends: false
 smart_menu:
 innerArchive: '所有文章'
 friends: '友链'
 aboutme: '关于我'
 
 # 友情链接
 friends:
 技术笔记: https://zhousiwei.gitee.io/ibooks/
 GitHub: https://github.com/JoeyBling
 码云: https://gitee.com/zhousiwei
 简书: https://www.jianshu.com/u/02cbf31a043a
 CSDN: https://blog.csdn.net/qq_30930805
 知乎: https://www.zhihu.com/people/joeybling
 微博: http://weibo.com/jayinfo
 
 # 关于我
 aboutme: 主要涉及技术： Java后端开发、聚合支付、 公众号开发、开源爱好者、Linux 联系QQ:2434387555 很惭愧 只做了一点微小的工作 谢谢大家

### Hexo博客优化 ###

*  [Hexo博客集成码云评论系统][Hexo]
 *  [Hexo博客集成Gitment评论][Hexo_Gitment]
 *  [Hexo博客配置RSS插件][Hexo_RSS]
 *  [Hexo博客使用gulp压缩静态资源][Hexo_gulp]
 *  [新增Hexo博客文章置顶功能][Hexo 1]
 *  [Hexo博客添加helper-live2d动态模型插件][Hexo_helper-live2d]
 *  [Hexo博客添加访问量统计][Hexo 2]
 *  [Hexo博客yilia主题添加背景音乐 （网易云音乐）][Hexo_yilia_]
 *  [使用Hexo+GitHub搭建免费个人博客][Hexo_GitHub]

[https_github.com_JoeyBling_hexo-theme-yilia-plus]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2FJoeyBling%2Fhexo-theme-yilia-plus
[hexo-theme-yilia]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Flitten%2Fhexo-theme-yilia
[https_github.com_JoeyBling_yilia-plus-demo]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2FJoeyBling%2Fyilia-plus-demo
[Link 1]: https://links.jianshu.com/go?to=https%3A%2F%2Fgitee.com%2Fzhousiwei%2Fgiteement
[https_gitee.com_zhousiwei_yilia-plus-demo]: https://links.jianshu.com/go?to=https%3A%2F%2Fgitee.com%2Fzhousiwei%2Fyilia-plus-demo
[hexo]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fhexojs%2Fhexo
[Link 2]: https://links.jianshu.com/go?to=https%3A%2F%2Fzhousiwei.gitee.io
[2743275-56d5b92f85bfa09f.png]: /images/20211122/6a59e7233f18499d9b8d5266bcf66e25.png
[2743275-f061575967d6ee49.png]: /images/20211122/52da3c14c2ad46678af0d2a0b85bc207.png
[yilia-plus]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2FJoeyBling%2Fhexo-theme-yilia-plus%2Fwiki%2Fyilia-plus%25E6%25BA%2590%25E7%25A0%2581%25E7%259B%25AE%25E5%25BD%2595%25E7%25BB%2593%25E6%259E%2584%25E5%258F%258A%25E6%259E%2584%25E5%25BB%25BA%25E9%25A1%25BB%25E7%259F%25A5
[yilia-plus 1]: https://links.jianshu.com/go?to=http%3A%2F%2Fgithub.com%2FJoeyBling%2Fyilia-plus-demo
[Hexo]: https://www.jianshu.com/p/f5c4633524c7
[Hexo_Gitment]: https://www.jianshu.com/p/ac7658cc912f
[Hexo_RSS]: https://www.jianshu.com/p/2aaac7a19736
[Hexo_gulp]: https://www.jianshu.com/p/1123c89c491a
[Hexo 1]: https://www.jianshu.com/p/a0afac70afc8
[Hexo_helper-live2d]: https://www.jianshu.com/p/a7f4a42e4b49
[Hexo 2]: https://www.jianshu.com/p/c9f83d5b893a
[Hexo_yilia_]: https://www.jianshu.com/p/f3fe5cb74d32
[Hexo_GitHub]: https://www.jianshu.com/p/efebead840b2