Butterfly主题安装⽂档(三)之主题配置2图⽚设置
站点图标
站点图标⼜称站点icon(favicon.ico)
修改主题配置⽂件_l:
favicon: /img/favicon.png # 将图⽚放⼊ themes -> Butterfly -> source -> img ⾥
ella enchanted头像
头像即是⾸页个⼈卡⽚处展⽰的⾃⼰的头像
修改主题配置⽂件_l:
avatar:
img: /image/ava.png伤情歌
effect:false # 头像会⼀直转圈
主页封⾯图⽚
在访问系统⾸页时,出现的封⾯图⽚
修改主题配置⽂件_l:
index_img: gitee/dulily/cdn/raw/master/img/214707-1543326427a764.jpg
⽂章详情页的顶部图⽚
当没有在front-matter设置top_img和cover的情况下会显⽰该图
修改主题配置⽂件_l:
default_top_img: pic1.win4000/wallpaper/2020-08-21/5f3f3d10b054e.jpg
归档页顶部的图⽚
修改主题配置⽂件_l:
archive_img: pic1.win4000/wallpaper/2020-07-24/5f1a7c9533901.jpg
标签页顶部的图⽚
修改主题配置⽂件_l:
tag_img: pic1.win4000/wallpaper/2020-07-24/5f1a7c9533901.jpg
分类页顶部的图⽚
修改主题配置⽂件_l:
category_img: picbian/uploads/allimg/170609/123945-14969831856c4d.jpg ⽂章封⾯
每篇⽂章都可以设置⼀张封⾯,可以为每篇⽂章设置默认封⾯
修改主题配置⽂件_l:
cover:
index_enable:true #  是否展⽰⽂章封⾯
aside_enable:true
archives_enable:true
position: both # 封⾯展⽰的位置 left/right/both
# 当没有设置cover时,默认展⽰的⽂章封⾯
default_cover:
# 当配置多张图⽚时,会随机选择⼀张作为 cover. 此时写法为
cf连杀声音- i.loli/2020/05/01/gkihqEjXxJ5UZ1C.jpg
- pic1.win4000/wallpaper/2020-07-08/5f056636a92cf_270_185.jpg
- pic1.win4000/wallpaper/2020-08-17/5f39f8e53b026_270_185.png
- pic1.win4000/wallpaper/2020-07-23/5f19587122afa_270_185.jpg
- pic1.win4000/wallpaper/2020-07-22/5f17b43d50c03_270_185.png
- pic1.win4000/wallpaper/2020-08-14/5f363d07a24be_270_185.jpg
也可以修改每个md⽂件的front-matter的cover属性,会覆盖上⾯的默认封⾯。错误图⽚
配置了该属性后会替换⽆法展⽰的图⽚
修改主题配置⽂件_l:
error_img:
flink: /img/friend_404.gif
post_page: /img/404.jpg
字数统计
要为 Butterfly 配上字数统计特性,你需要如下⼏个步骤:
1. 打开 hexo ⼯作⽬录
2. npm install hexo-wordcount --save or yarn add hexo-wordcount邱泽唐嫣
3. 修改主题配置⽂件_l:
wordcount:
enable:true
post_wordcount:true
min2read:true
total_wordcount:true
⽂章节选
主页⽂章节选,也就是⽂章摘要
修改主题配置⽂件_l:
index_post_content:
method:3
length:500 # 节选⽂章的前500个字
分享
只能选择⼀个分享服务商
AddThis
访问 官⽹, 到你的 pub-id
修改主题配置⽂件_l:
addThis:
enable:true # or false
pubid:你的pub-id
sharejs
如果你不知道 ,到官⽹看看说明吧。
修改主题配置⽂件_l:
sharejs:
enable:true
sites: facebook,twitter,wechat,weibo,qq  #想要显⽰的内容
AddToAny
可以到 查看使⽤说明。
修改主题配置⽂件_l:
addtoany:
enable:true
item: facebook,twitter,wechat,sina_weibo,facebook_messenger,email,copy_link
从 3.0.0 开始,开启评论需要在 comments-use 中填写你需要的评论。
⽀持双评论显⽰,只需要配置两个评论(第⼀个为默认显⽰)
修改主题配置⽂件_l:
comments:
多少次我回回头看看走过的路
use:# 使⽤的评论(请注意,填写的评论⾸字母需要⼤写。最多⽀持两个,如果不需要请留空)
- Valine
爱我还是他- Disqus
# - Valine
# - Disqus
text:true # 是否显⽰评论服务商的名字
lazyload:false # 是否为评论开启 lazyload,开启后,只有滚动到评论位置时才会加载评论所需要的资源(开启 lazyload 后,评论数将不显⽰)count:false # 是否在⽂章顶部显⽰评论数 livere 和 utterances 不⽀持评论数显⽰
disqus
注册 ,配置你⾃⼰的 disqus,然后在 Butterfly ⾥开启它。
修改主题配置⽂件_l:
disqus:
shortname:
Disqusjs
与 Disqus ⼀样,但由于 Disqus 在中国⼤陆⽆法访问, 使⽤ Disqusjs 可以在⽆法访问 Disqus 时显⽰评论。具体可参考 。修改主题配置⽂件_l: