效果图

第一步、修改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 || 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备案号
|