yilia主题的配置

使用 hexo 的 yilia主题的一些配置

基本上都是修改配置文件 根目录/themes/yilia/_config.yml

头像 设置 avatar 属性

• 可以使用网上的头像
  avatar: http://img1.imgtn.bdimg.com/it/u=3326462970,2213270039&fm=27&gp=0.jpg
• 使用静态地址
  1.可以在yilia/source文件目录下建个 assets 文件夹
  2.将图片放到assets文件夹下
  3.使用 avatar: /assets/head.jpg
• favicon 属性可以设为跟头像一样的，这是在网址栏中可以展示的小logo
  favicon: /assets/head.jpg

展示文章摘要

• 文章太长，截断按钮文字
  excerpt_link: more
• 文章卡片右下角常驻链接，不需要请设置为false
  show_all_link: ‘展开全文’
  实现:
  

文章展示目录

• 目录设定：0-不显示目录； 1-文章对应的md文件里有toc:true属性，才有目录； 2-所有文章均显示目录
  toc: 2
• 根据自己的习惯来设置，如果你的目录标题习惯有标号，置为true即可隐藏hexo重复的序号；否则置为false
  toc_hide_index: true
• 目录为空时的提示
  toc_empty_wording: ‘目录，不存在的…’
  实现:
  

链入网易云音乐

• 在网易云音乐网页版选择一首音乐
• 点击页面左侧的生成外链播放器
  
• 可以设置大小和是否自动播放
  
• 在单个页面添加音乐
  复制html代码放在想要添加音乐的md文件里即可
• 在主题左侧添加
  1.同样复制外链代码
  2.在yilia/_partial 文件目录下找到 left-col.ejs文件
  3.在 前面加一个新的div标签，将复制的代码放进去 即：

  <div class="player-wrap">
  	<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=260 height=86 src="//music.163.com/outchain/player?type=2&id=519866925&auto=1&height=66"></iframe>
  </div>

• 现在已经实现了，但是样式会有点乱，样式修改在下面会有

自定义样式

自定义样式就是修改该主题的样式，对于懂得前端的同学是很简单的

• 在yilia/source 目录下找到后缀名是 .css的文件 我的是main.0cf68a.css

• 文件可能是压缩的，可以到网上格式化代码就行了，接下来就是前端的拿手本领了

• 上面提到的在左侧加入音乐链接后样式乱的问题，可以在 .css文件加

  .player-wrap {
  	margin-top: 100px!important;
  	position: relative;
  	left: -17px;
  }

这只是修改我的样式，可能不适应所有的

在文章中使用图片

• 在根目录下的source目录文件夹下增加img文件夹放图片

• 图片语法

  ![Image text](/img/1.jpg)

• 例: 不使用语法展示的就是文字了

开启打赏

• 打赏type设定：0-关闭打赏； 1-文章对应的md文件里有reward:true属性，才有打赏； 2-所有文章均有打赏
  reward_type: 2
• 打赏wording
  reward_wording: ‘谢谢你请我吃糖果’
• 支付宝二维码图片地址，跟你设置头像的方式一样。比如：/assets/head.jpg
  alipay: /assets/zfb.jpg
• 微信二维码图片地址
  weixin: /assets/wx.jpg

访问量统计

• 使用不蒜子访问量统计
• 在footer.ejs 中添加，不要在顶部添加

  <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
  // <!-- PV方式，单个用户连续点击 n 篇，记录 n 次记录值 -->			
  <span id="busuanzi_container_site_pv">本站总访问量
  	<span id="busuanzi_value_site_pv"></span>次
  </span>
  	// <!-- UV方式，单个用户连续点击 n 篇，记录 1 次记录值 -->
  <span id="busuanzi_container_site_uv"> 本站访客数
  	<span id="busuanzi_value_site_uv"></span>人次
  </span>

在footer.ejs中的位置

分类标签

• 只要为每个博客添加tags，就会在博客下自动添加上标签
  

• 添加多个标签
  

• 同时在智能菜单里会显示标签，可以通过标签筛选文章
  

• 智能菜单设置
  
  如果打开有问题按照页面的提示走下去即可

赏

谢谢你请我吃糖果

支付宝

微信