📚 文档目录

01-添加自定义css和js文件02-footer栏03-友链卡片样式04-站点图片批量半自动截图05-分类磁贴插件版06-添加侧边栏电子钟07-侧边栏归档、分类修改08-标签云增加文章数上下标09-顶部加载渐变条10-导航栏魔改11.1-返回顶部按钮显示网页阅读进度11.2-添加白天夜间模式转换动画11.3-增加分享本页11.4-直达底部12-添加51统计13-404页面展示最近文章14-分类标签归档页增加文章索引15-新标签打开文章16-使用Algolia搜索17-文章双栏布局插件18-动态分类标签导航栏19-增加评论热评轮播功能20-链接卡片标签外挂21-新年倒计时卡片22-文章统计图页面23-隐藏部分文章不在首页显示

主题配置文件

在主题配置文件_config.butterfly.yml中加入以下代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
# Analysis
# --------------------------------------
# Baidu Analytics
# https://tongji.baidu.com/web/welcome/login
baidu_analytics:

# Google Analytics
# https://analytics.google.com/analytics/web/
google_analytics:

+# 51la Analytics
+# https://www.51.la/
+la51_analytics: 
+la51_perf:

analytics.pug

在[you_blog]\themes\butterfly\layout\includes\head\analytics.pug中添加以下代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
if theme.google_analytics
  script(async src=`https://www.googletagmanager.com/gtag/js?id=${theme.google_analytics}`)
  script.
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', '!{theme.google_analytics}');

+if theme.la51_analytics
+  script#LA_COLLECT(charset='UTF-8', src='//sdk.51.la/js-sdk-pro.min.js')
+  script LA.init({id: "!{theme.la51_analytics}",ck: "!{theme.la51_analytics}",autoTrack:true})
+if theme.la51_perf
+  script(src='https://sdk.51.la/perf/js-sdk-perf.min.js', crossorigin='anonymous')
+  script new LingQue.Monitor().init({id:"!{theme.la51_perf}",sendSuspicious:true,sendSpaPv:true});

preconnect.pug

在[you_blog]\Hexo_butterfly\themes\butterfly\layout\includes\head\preconnect.pug中添加以下代码：

1
2
3
4
5
if theme.baidu_analytics
  link(rel="preconnect" href="//hm.baidu.com")

+if theme.la51_analytics
+  link(rel="preconnect" href="//sdk.51.la")
13-404页面展示最近文章 11.4-直达底部