本文说明介绍hexo-theme-yilia的简单配置
本文简单配置yilia主题
1、作者注释的说明
2、添加tag栏
3、添加多说评论
4、其它的注意事项
作者注释的说明
作者github上的文档说明
# Header
menu:
主页: /
随笔: /tags/随笔/
# SubNav
subnav:
github: "#"
weibo: "#"
rss: "#"
zhihu: "#"
#qq: "#"
#weixin: "#"
#jianshu: "#"
#douban: "#"
#mail: "mailto:litten225@qq.com"
#facebook: "#"
#google: "#"
#twitter: "#"
#linkedin: "#"
rss: /atom.xml
# 是否需要修改 root 路径
# 如果您的网站存放在子目录中，例如 http://yoursite.com/blog，
# 请将您的 url 设为 http://yoursite.com/blog 并把 root 设为 /blog/。
root:
# Content
# 文章太长，截断按钮文字
excerpt_link: more
# 文章卡片右下角常驻链接，不需要请设置为false
show_all_link: '展开全文'
# 数学公式
mathjax: false
# 是否在新窗口打开链接
open_in_new: false
# 打赏
# 请在需要打赏的文章的md文件头部，设置属性reward: true
# 打赏基础设定：0-关闭打赏； 1-文章对应的md文件里有reward:true属性，才有打赏； 2-所有文章均有打赏
reward_type: 2
# 打赏wording
reward_wording: '谢谢你请我吃糖果'
# 支付宝二维码图片地址，跟你设置头像的方式一样。比如：/assets/img/alipay.jpg
alipay:
# 微信二维码图片地址
weixin:
# Miscellaneous
baidu_analytics: ''
google_analytics: ''
favicon: /favicon.png
#你的头像url
avatar:
#是否开启分享
share_jia: true
#是否开启多说评论，填写你在多说申请的项目名称 duoshuo: duoshuo-key
#若使用disqus，请在博客config文件中填写disqus_shortname，并关闭多说评论
duoshuo: false
# 样式定制 - 一般不需要修改，除非有很强的定制欲望…
style:
# 头像上面的背景颜色
header: '#4d4d4d'
# 右滑板块背景
slider: 'linear-gradient(200deg,#a0cfe4,#e8c37e)'
# slider的设置
slider:
# 是否默认展开tags板块
showTags: false
# 智能菜单
# 如不需要，将该对应项置为false
# 比如
#smart_menu:
# friends: false
smart_menu:
innerArchive: '所有文章'
friends: '友链'
aboutme: '关于我'
friends:
友情链接1: http://localhost:4000/
友情链接2: http://localhost:4000/
友情链接3: http://localhost:4000/
友情链接4: http://localhost:4000/
友情链接5: http://localhost:4000/
友情链接6: http://localhost:4000/
aboutme: 很惭愧<br><br>只做了一点微小的工作<br>谢谢大家
模块分析
menu模块，可以随意添加，里面的内容是在创建之后，生成在tags文件夹下的，发布在github过后可以在浏览器中查看
menu:
主页: /
随笔: /tags/随笔/
subnav模块，添加社交页面，把“#”更换为自己的账号链接即可
subnav:
github: "#"
weibo: "#"
Content模块，这里数学公式保持false就好
# Content
# 文章太长，截断按钮文字
excerpt_link: more
# 文章卡片右下角常驻链接，不需要请设置为false
show_all_link: '展开全文'
# 数学公式
mathjax: false
# 是否在新窗口打开链接
open_in_new: false
打赏模块，这个图片地址是在 source 目录下的，所以要在source下创建文件夹，然后把资源放进去，这样在启动服务在浏览器中的位置才是正确的，所以我们在编辑之后看效果要在部署以后看，本地可能是不同步的
# 打赏
# 请在需要打赏的文章的md文件头部，设置属性reward: true
# 打赏基础设定：0-关闭打赏； 1-文章对应的md文件里有reward:true属性，才有打赏； 2-所有文章均有打赏
reward_type: 2
# 打赏wording
reward_wording: '谢谢你请我吃糖果'
# 支付宝二维码图片地址，跟你设置头像的方式一样。比如：/assets/img/alipay.jpg
alipay:
# 微信二维码图片地址
weixin:
Miscellaneous模块，前两个是设置百度和谷歌搜索的，favicon设置标签页图标的
# Miscellaneous
baidu_analytics: ''
google_analytics: ''
favicon: /favicon.png
其它的就没有什么难度了们自己改改看就好
添加tag栏
这个就是tag栏
tag样式
一开始不是这么显示的，会提示错误，要加一段代码在根目录的_config.yml中
jsonContent:
meta: false
pages: false
posts:
title: true
date: true
path: true
text: true
raw: false
content: false
slug: false
updated: false
comments: true
link: false
permalink: false
excerpt: false
categories: false
tags: true
现在再打开看一下，是不是就好了~~~
添加多说评论
1、注册多说账号——多说官网
2、多说的设置信息
多说设置
我们接下来会用到——
域名
密钥
3、修改文件
修改文件是
themes-->yilia文件夹-->_config.yml
修改内容为——
#是否开启多说评论，填写你在多说申请的项目名称 duoshuo: duoshuo-key
#若使用disqus，请在博客config文件中填写disqus_shortname，并关闭多说评论
duoshuo: 密钥
themes-->yilia-->layout-->_partial-->post-->duoshuo.ejs
修改内容为——在多说设置内复制，然后更改<%%>包住内容
<!-- 多说评论框 start -->
<div class="ds-thread" data-thread-key="<%=key%>" data-title="<%=title%>" data-url="<%=url%>" style="margin:40px;border:4px solid #CCCCCC;padding:15px;border-radius:15px;"></div>
<!-- 多说评论框 end -->
<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
<script type="text/javascript">
var duoshuoQuery = {short_name:"个人域名短名字"};
(function() {
var ds = document.createElement('script');
ds.type = 'text/javascript';ds.async = true;
ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
ds.charset = 'UTF-8';
(document.getElementsByTagName('head')[0]
|| document.getElementsByTagName('body')[0]).appendChild(ds);
})();
</script>
<!-- 多说公共JS代码 end -->
网友评论