快速将 Butterfly 主题的 CDN 从 jsDelivr 切换至自建反向代理源#

最新版的 Butterfly 取消了原来设置在_config.yml里的默认CDN，导致不能快速替换掉现在极不稳定的 jsDelivr CDN。本文的默认 Butterfly 版本为4.1.0。

配置#

现在的默认 CDN 地址被放在了主题的/scripts/events/config.js中：

1
/**
2
 * Butterfly
3
 * 1. Merge CDN
4
 * 2. Capitalize the first letter of comment name
5
 */
6

7
"use strict";
8

9
hexo.extend.filter.register("before_generate", () => {
10
    const themeConfig = hexo.theme.config;
11

12
    /**
13
     * Merge CDN
14
     */
15

16
    const defaultCDN = {
17
        main_css: "/css/index.css",
18
        main: "/js/main.js",
19
        utils: "/js/utils.js",
20

21
        // pjax
22
        pjax: "https://cdn.jsdelivr.net/npm/pjax/pjax.min.js",
23

24
        // comments
25
        gitalk: "https://cdn.jsdelivr.net/npm/gitalk@latest/dist/gitalk.min.js",
26
        gitalk_css: "https://cdn.jsdelivr.net/npm/gitalk/dist/gitalk.min.css",
27
        blueimp_md5: "https://cdn.jsdelivr.net/npm/blueimp-md5/js/md5.min.js",
28
        valine: "https://cdn.jsdelivr.net/npm/valine/dist/Valine.min.js",
29
        disqusjs: "https://cdn.jsdelivr.net/npm/disqusjs@1/dist/disqus.js",
30
        disqusjs_css:
31
            "https://cdn.jsdelivr.net/npm/disqusjs@1/dist/disqusjs.css",
32
        utterances: "https://utteranc.es/client.js",
33
        twikoo: "https://cdn.jsdelivr.net/npm/twikoo/dist/twikoo.all.min.js",
34
        waline: "https://cdn.jsdelivr.net/npm/@waline/client/dist/Waline.min.js",
35
        giscus: "https://giscus.app/client.js",
36

37
        // share
38
        addtoany: "https://static.addtoany.com/menu/page.js",
39
        sharejs:
40
            "https://cdn.jsdelivr.net/npm/social-share.js/dist/js/social-share.min.js",
41
        sharejs_css:
42
            "https://cdn.jsdelivr.net/npm/social-share.js/dist/css/share.min.css",
43

44
        // search
45
        local_search: "/js/search/local-search.js",
46
        algolia_js: "/js/search/algolia.js",
47
        algolia_search_v4:
48
            "https://cdn.jsdelivr.net/npm/algoliasearch@4/dist/algoliasearch-lite.umd.js",
49
        instantsearch_v4:
50
            "https://cdn.jsdelivr.net/npm/instantsearch.js@4/dist/instantsearch.production.min.js",
51

52
        // math
53
        mathjax: "https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js",
54
        katex: "https://cdn.jsdelivr.net/npm/katex@latest/dist/katex.min.css",
55
        katex_copytex:
56
            "https://cdn.jsdelivr.net/npm/katex@latest/dist/contrib/copy-tex.min.js",
57
        katex_copytex_css:
58
            "https://cdn.jsdelivr.net/npm/katex@latest/dist/contrib/copy-tex.css",
59
        mermaid: "https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js",
60

61
        // count
62
        busuanzi: "//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js",
63

64
        // background effect
65
        canvas_ribbon:
66
            "https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/canvas-ribbon.min.js",
67
        canvas_fluttering_ribbon:
68
            "https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/canvas-fluttering-ribbon.min.js",
69
        canvas_nest:
70
            "https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/canvas-nest.min.js",
71

72
        lazyload:
73
            "https://cdn.jsdelivr.net/npm/vanilla-lazyload/dist/lazyload.iife.min.js",
74
        instantpage:
75
            "https://cdn.jsdelivr.net/npm/instant.page/instantpage.min.js",
76
        typed: "https://cdn.jsdelivr.net/npm/typed.js/lib/typed.min.js",
77
        pangu: "https://cdn.jsdelivr.net/npm/pangu/dist/browser/pangu.min.js",
78

79
        // photo
80
        fancybox_css_v4:
81
            "https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.css",
82
        fancybox_v4:
83
            "https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.umd.js",
84
        medium_zoom:
85
            "https://cdn.jsdelivr.net/npm/medium-zoom/dist/medium-zoom.min.js",
86

87
        // snackbar
88
        snackbar_css:
89
            "https://cdn.jsdelivr.net/npm/node-snackbar/dist/snackbar.min.css",
90
        snackbar:
91
            "https://cdn.jsdelivr.net/npm/node-snackbar/dist/snackbar.min.js",
92

93
        // effect
94
        activate_power_mode:
95
            "https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/activate-power-mode.min.js",
96
        fireworks:
97
            "https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/fireworks.min.js",
98
        click_heart:
99
            "https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/click-heart.min.js",
100
        ClickShowText:
101
            "https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/click-show-text.min.js",
102

103
        // fontawesome
104
        fontawesomeV6:
105
            "https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6/css/all.min.css",
106

107
        // Conversion between Traditional and Simplified Chinese
108
        translate: "/js/tw_cn.js",
109

110
        // flickr-justified-gallery
111
        flickr_justified_gallery_js:
112
            "https://cdn.jsdelivr.net/npm/flickr-justified-gallery@2/dist/fjGallery.min.js",
113
        flickr_justified_gallery_css:
114
            "https://cdn.jsdelivr.net/npm/flickr-justified-gallery@2/dist/fjGallery.min.css",
115

116
        // aplayer
117
        aplayer_css:
118
            "https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css",
119
        aplayer_js: "https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js",
120
        meting_js:
121
            "https://cdn.jsdelivr.net/gh/metowolf/MetingJS@1.2/dist/Meting.min.js",
122

123
        // Prism.js
124
        prismjs_js: "https://cdn.jsdelivr.net/npm/prismjs/prism.min.js",
125
        prismjs_lineNumber_js:
126
            "https://cdn.jsdelivr.net/npm/prismjs/plugins/line-numbers/prism-line-numbers.min.js",
127
        prismjs_autoloader:
128
            "https://cdn.jsdelivr.net/npm/prismjs/plugins/autoloader/prism-autoloader.min.js",
129
    };
130

131
    // delete null value
132
    const deleteNullValue = (obj) => {
133
        for (const i in obj) {
134
            obj[i] === null && delete obj[i];
135
        }
136
        return obj;
137
    };
138

139
    themeConfig.CDN = Object.assign(
140
        defaultCDN,
141
        deleteNullValue(themeConfig.CDN),
142
    );
143

144
    /**
145
     * Capitalize the first letter of comment name
146
     */
147

148
    let { use } = themeConfig.comments;
149

150
    if (!use) return;
151

152
    if (typeof use === "string") {
153
        use = use.split(",");
154
    }
155

156
    const newArray = use.map((item) =>
157
        item.toLowerCase().replace(/\b[a-z]/g, (s) => s.toUpperCase()),
158
    );
159

160
    themeConfig.comments.use = newArray;
161
});

所以只要快速替换掉这里的 CDN，就可以切换到我们自建的 CDN 上。

成果#

将cdn.jsdelivr.net全部替换为自己的反代源后，成果就诞生了：

1
/**
2
 * Butterfly
3
 * 1. Merge CDN
4
 * 2. Capitalize the first letter of comment name
5
 */
6

7
"use strict";
8

9
hexo.extend.filter.register("before_generate", () => {
10
    const themeConfig = hexo.theme.config;
11

12
    /**
13
     * Merge CDN
14
     */
15

16
    const defaultCDN = {
17
        main_css: "/css/index.css",
18
        main: "/js/main.js",
19
        utils: "/js/utils.js",
20

21
        // pjax
22
        pjax: "https://jsdelivr.pai233.top/npm/pjax/pjax.min.js",
23

24
        // comments
25
        gitalk: "https://jsdelivr.pai233.top/npm/gitalk@latest/dist/gitalk.min.js",
26
        gitalk_css:
27
            "https://jsdelivr.pai233.top/npm/gitalk/dist/gitalk.min.css",
28
        blueimp_md5:
29
            "https://jsdelivr.pai233.top/npm/blueimp-md5/js/md5.min.js",
30
        valine: "https://jsdelivr.pai233.top/npm/valine/dist/Valine.min.js",
31
        disqusjs: "https://jsdelivr.pai233.top/npm/disqusjs@1/dist/disqus.js",
32
        disqusjs_css:
33
            "https://jsdelivr.pai233.top/npm/disqusjs@1/dist/disqusjs.css",
34
        utterances: "https://utteranc.es/client.js",
35
        twikoo: "https://jsdelivr.pai233.top/npm/twikoo/dist/twikoo.all.min.js",
36
        waline: "https://jsdelivr.pai233.top/npm/@waline/client/dist/Waline.min.js",
37
        giscus: "https://giscus.app/client.js",
38

39
        // share
40
        addtoany: "https://static.addtoany.com/menu/page.js",
41
        sharejs:
42
            "https://jsdelivr.pai233.top/npm/social-share.js/dist/js/social-share.min.js",
43
        sharejs_css:
44
            "https://jsdelivr.pai233.top/npm/social-share.js/dist/css/share.min.css",
45

46
        // search
47
        local_search: "/js/search/local-search.js",
48
        algolia_js: "/js/search/algolia.js",
49
        algolia_search_v4:
50
            "https://jsdelivr.pai233.top/npm/algoliasearch@4/dist/algoliasearch-lite.umd.js",
51
        instantsearch_v4:
52
            "https://jsdelivr.pai233.top/npm/instantsearch.js@4/dist/instantsearch.production.min.js",
53

54
        // math
55
        mathjax:
56
            "https://jsdelivr.pai233.top/npm/mathjax@3/es5/tex-mml-chtml.js",
57
        katex: "https://jsdelivr.pai233.top/npm/katex@latest/dist/katex.min.css",
58
        katex_copytex:
59
            "https://jsdelivr.pai233.top/npm/katex@latest/dist/contrib/copy-tex.min.js",
60
        katex_copytex_css:
61
            "https://jsdelivr.pai233.top/npm/katex@latest/dist/contrib/copy-tex.css",
62
        mermaid: "https://jsdelivr.pai233.top/npm/mermaid/dist/mermaid.min.js",
63

64
        // count
65
        busuanzi: "//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js",
66

67
        // background effect
68
        canvas_ribbon:
69
            "https://jsdelivr.pai233.top/npm/butterfly-extsrc@1/dist/canvas-ribbon.min.js",
70
        canvas_fluttering_ribbon:
71
            "https://jsdelivr.pai233.top/npm/butterfly-extsrc@1/dist/canvas-fluttering-ribbon.min.js",
72
        canvas_nest:
73
            "https://jsdelivr.pai233.top/npm/butterfly-extsrc@1/dist/canvas-nest.min.js",
74

75
        lazyload:
76
            "https://jsdelivr.pai233.top/npm/vanilla-lazyload/dist/lazyload.iife.min.js",
77
        instantpage:
78
            "https://jsdelivr.pai233.top/npm/instant.page/instantpage.min.js",
79
        typed: "https://jsdelivr.pai233.top/npm/typed.js/lib/typed.min.js",
80
        pangu: "https://jsdelivr.pai233.top/npm/pangu/dist/browser/pangu.min.js",
81

82
        // photo
83
        fancybox_css_v4:
84
            "https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css",
85
        fancybox_v4:
86
            "https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js",
87
        medium_zoom:
88
            "https://jsdelivr.pai233.top/npm/medium-zoom/dist/medium-zoom.min.js",
89

90
        // snackbar
91
        snackbar_css:
92
            "https://jsdelivr.pai233.top/npm/node-snackbar/dist/snackbar.min.css",
93
        snackbar:
94
            "https://jsdelivr.pai233.top/npm/node-snackbar/dist/snackbar.min.js",
95

96
        // effect
97
        activate_power_mode:
98
            "https://jsdelivr.pai233.top/npm/butterfly-extsrc@1/dist/activate-power-mode.min.js",
99
        fireworks:
100
            "https://jsdelivr.pai233.top/npm/butterfly-extsrc@1/dist/fireworks.min.js",
101
        click_heart:
102
            "https://jsdelivr.pai233.top/npm/butterfly-extsrc@1/dist/click-heart.min.js",
103
        ClickShowText:
104
            "https://jsdelivr.pai233.top/npm/butterfly-extsrc@1/dist/click-show-text.min.js",
105

106
        // fontawesome
107
        fontawesomeV6:
108
            "https://jsdelivr.pai233.top/npm/@fortawesome/fontawesome-free@6/css/all.min.css",
109

110
        // Conversion between Traditional and Simplified Chinese
111
        translate: "/js/tw_cn.js",
112

113
        // flickr-justified-gallery
114
        flickr_justified_gallery_js:
115
            "https://jsdelivr.pai233.top/npm/flickr-justified-gallery@2/dist/fjGallery.min.js",
116
        flickr_justified_gallery_css:
117
            "https://jsdelivr.pai233.top/npm/flickr-justified-gallery@2/dist/fjGallery.min.css",
118

119
        // aplayer
120
        aplayer_css:
121
            "https://jsdelivr.pai233.top/npm/aplayer/dist/APlayer.min.css",
122
        aplayer_js:
123
            "https://jsdelivr.pai233.top/npm/aplayer/dist/APlayer.min.js",
124
        meting_js:
125
            "https://jsdelivr.pai233.top/gh/metowolf/MetingJS@1.2/dist/Meting.min.js",
126

127
        // Prism.js
128
        prismjs_js: "https://jsdelivr.pai233.top/npm/prismjs/prism.min.js",
129
        prismjs_lineNumber_js:
130
            "https://jsdelivr.pai233.top/npm/prismjs/plugins/line-numbers/prism-line-numbers.min.js",
131
        prismjs_autoloader:
132
            "https://jsdelivr.pai233.top/npm/prismjs/plugins/autoloader/prism-autoloader.min.js",
133
    };
134

135
    // delete null value
136
    const deleteNullValue = (obj) => {
137
        for (const i in obj) {
138
            obj[i] === null && delete obj[i];
139
        }
140
        return obj;
141
    };
142

143
    themeConfig.CDN = Object.assign(
144
        defaultCDN,
145
        deleteNullValue(themeConfig.CDN),
146
    );
147

148
    /**
149
     * Capitalize the first letter of comment name
150
     */
151

152
    let { use } = themeConfig.comments;
153

154
    if (!use) return;
155

156
    if (typeof use === "string") {
157
        use = use.split(",");
158
    }
159

160
    const newArray = use.map((item) =>
161
        item.toLowerCase().replace(/\b[a-z]/g, (s) => s.toUpperCase()),
162
    );
163

164
    themeConfig.comments.use = newArray;
165
});

替换完后，运行hexo cl && hexo g -d部署后，就成功切换到了你的反代源上。你也可以直接复制博主的成果进行使用

原帖： https://cloud.tencent.com/developer/article/1987454

发表于 2022-02-27 7**

音乐

音乐

快速将 Butterfly 主题的 CDN 从 jsDelivr 切换至自建反向代理源#

配置#

成果#

分享到社交平台

评论

音乐

目录

音乐

音乐

将博客CDN从jsDelivr切换至自建反向代理源

快速将 Butterfly 主题的 CDN 从 jsDelivr 切换至自建反向代理源#

配置#

成果#

分享到社交平台

评论

音乐

目录