主题替换国内css加速访问
众所周知:在大陆,即使是可以直连访问的网站,都会因为神秘力量收到干扰。
Fuild 主题内置的地址是 jsdelivr 的 cdn,在大陆基本上也是断断续续的可用状态,这就导致有时候页面样式半天加载不出来。
一键替换
查询 Fluid 的官方文档(https://fluid-dev.github.io/hexo-fluid-docs/guide/#%E8%A6%86%E7%9B%96%E9%85%8D%E7%BD%AE ):
所有静态资源文件的 Url 可以通过主题配置中的 static_prefix 配置项修改。比如需要指定公共 CDN 的 JQuery 库,只需将原配置改为:
static_prefix:
# ...
jquery: https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/
我采用的是注入方式安装的主题,打开_config.fluid.yml,拉到最下面,添加对应的 CSS 样式以及版本号。如果你也想用 cdn.bootcdn.net 且 fluid 版本号 “hexo-theme-fluid”: “^1.8.14”, 直接抄作业就行(但是不知道为什么 https://cdn.jsdelivr.net/npm/highlight.js@10/styles/github-gist.min.css 一直不生效,好像是不要写后缀;有些可能没覆盖全,自行查看下面的教程)
# 静态资源替换
static_prefix:
bootstrap: https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.2
nprogress: https://cdn.bootcdn.net/ajax/libs/nprogress/0.2.0/
jquery: https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/
# 2.1.0没有 要2.0.0
typed: https://cdn.bootcdn.net/ajax/libs/typed.js/2.0.0/
github-markdown-css: https://cdn.bootcdn.net/ajax/libs/github-markdown-css/4.0.0/
hint: https://cdn.bootcdn.net/ajax/libs/hint.css/2.7.0/
highlight: https://cdn.bootcdn.net/ajax/libs/highlight.js/10.7.3/
fancybox: https://cdn.bootcdn.net/ajax/libs/fancybox/3.5.7/
tocboc: https://cdn.bootcdn.net/ajax/libs/tocbot/4.36.4/
anchor-js: https://cdn.bootcdn.net/ajax/libs/anchor-js/4.3.1/
clipboard: https://cdn.bootcdn.net/ajax/libs/clipboard.js/2.0.11/
手动替换
按下 F12 打开 Network 一栏,选择 CSS,查看哪些没生效。举个例子: https://cdn.jsdelivr.net/npm/highlight.js@10/styles/github-gist.min.css
打开国内 cdn:
https://cdn.bootcdn.net
搜索 highlight.js,切换到 10 开头的任意一个版本(因为 highlight.js@10,推荐最后一个版本,例如 10.7.3),复制链接
https://cdn.bootcdn.net/ajax/libs/highlight.js/10.7.3
放到上述文件中即可,保存并重新生成、部署。
highlight: https://cdn.bootcdn.net/ajax/libs/highlight.js/10.7.3/