效果图

第一步、修改themes\butterfly\layout\includes\footer.pug文件 在最下面底部新增以下代码,注意缩进

if theme.footer.foot_info.enable
if theme.footer.foot_info.foot_setinfo && theme.footer.foot_info !== false
each value in theme.footer.foot_info.foot_setinfo
.foot_infos
case trim(value.split('||')[0])
when '0'
a(style=trim(value.split('||')[6]), rel='external nofollow noopener noreferrer', href=trim(value.split('||')[7]), target='_blank', title=trim(value.split('||')[5]), data-pjax-state='')
span.foot_lefTitle(style=trim(value.split('||')[2]))=' ' + trim(value.split('||')[1])
span.foot_rigTitle(style=trim(value.split('||')[4]))=' ' + trim(value.split('||')[3])
when '1'
a(style=trim(value.split('||')[6]), rel='external nofollow noopener noreferrer', href=trim(value.split('||')[7]), target='_blank', title=trim(value.split('||')[5]), data-pjax-state='')
span.foot_lefTitle(style=trim(value.split('||')[2]))
if value.split('||'[1])
i.fa-fw(class=trim(value.split('||')[1]))
span.foot_rigTitle(style=trim(value.split('||')[4]))=' ' + trim(value.split('||')[3])
when '2'
a(style=trim(value.split('||')[6]), rel='external nofollow noopener noreferrer', href=trim(value.split('||')[7]), target='_blank', title=trim(value.split('||')[5]), data-pjax-state='')
span.foot_lefTitle(style=trim(value.split('||')[2]))
if value.split('||'[1])
img.foot_ico(src=url_for(trim(value.split('||')[1])))
span.foot_rigTitle(style=trim(value.split('||')[4]))=' ' + trim(value.split('||')[3])
if theme.footer.ICP.enable
.icp
a(href=theme.footer.ICP.url)
if theme.footer.ICP.icon
img.icp-icon(src=url_for(theme.footer.ICP.icon))
span=theme.footer.ICP.text

第二步、增加样式,在themes\butterfly\source\css_layout\footer.styl 中 添加以下代码 注意缩进

.foot_infos {
margin-left: 5px;
display: inline-block;
border-radius: 4px;
text-shadow: none;
color: #fff;
line-height: 15px;
background-color: #abbac3;
margin-bottom: 5px;
font-size: 12px;
}
.foot_infos .foot_lefTitle {
display: inline-block;
background-color: #4d4d4d;
padding: 4px 4px 4px 6px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.foot_infos .foot_rigTitle {
display: inline-block;
padding: 4px 6px 4px 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.foot_infos .foot_ico{
vertical-align: text-bottom
max-height: 1em
width auto

}

第三步、在主题的yml配置文件中footer:增加以下代码

foot_info:
enable: true
foot_setinfo:
# - 切换做图标模式:0.文字做图标/1.Font Awesome图标/2.url图片||左文字||左背景样式||右文字||右背景样式|| 鼠标悬停提示 || 文字颜色 || 跳转url
- 0 || Powered || background-color:#007ec6 || Hexo || background-color:#4dc820 || Hexo 强力驱动 || color:#fff || https://hexo.io/
- 1 || fas fa-copyright || background-color:#4dc820 || BY-NC-SA 4.0 || background-color:#8833d7 || 本站点采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可 || color:#fff || http://creativecommons.org/licenses/by-nc-sa/4.0/
- 2 || /img/yun_logo6.png || background-color:#007ec6 || CND || background-color:#8833d7 || 本站由又拍云提供 CDN 加速服务 || color:#fff || https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral


ICP:
enable: true
url: https://beian.miit.gov.cn/
icon: /img/icpico.png
text: ICP备案号