摘要生成中...

AI 摘要

Hunyuan-lite

假设你刚搭建了个人博客，发现网站的访问速度实在堪忧，怎么办？解决方法无非以下几种方法：

有经济实力的，考虑提升硬件性能和带宽（购买高级服务器、增大带宽）
正确使用 CDN 加速源站和图片
如果你的个人博客网站是动态网站（如 Wordpress），但实在没有必要必须是动态网站时，可尝试改成静态框架 ^[1]

如果以上的方法你都尝试过，但博客网站可能遇到页面卡顿、显示不全、功能异常（图标、评论、搜索等各种异常）等情况，比如：

Font Awesome 加载迟、卡，拖慢网页加载 ^[2]。
Algolia 搜索按钮按不出来
Waline 评论系统不显示或评论数据无法获取（处理方法见：站内文章Waline 评论系统加速）
网站加载条等了半天，文章图片一直都是加载中

本地调试自己的博客网站后，打开浏览器的开发者面板F12-> 禁用缓存 -> 点击网络选项卡 -> 刷新页面：

你会发现一些 Javascript 文件或 CSS 文件无法被加载，这些文件大多来源于 jsdelivr 的 CDN 连接（这是因为 Butterfly 主题默认 CDN 源为 jsdelivr）。

不熟悉 CDN 的小伙伴可以将其理解为，jsdelivr 里存放了大量的 js 文件或 css 文件，你的博客网站需要引入这些文件。但是由于国情，jsdelivr 结点的链接状况在国内时好时坏。

这时我们可以考虑把获取这些 js 或 css 文件的链接替换掉，或者把默认的第三方源替换掉。在你的主题配置上进行替换，这里以 Butterfly 主题为例，在主题配置文件下找到：

CDN:
	# The CDN provider of third party scripts (第三方 js 的 cdn 配置)
	# option: local/jsdelivr/unpkg/cdnjs/custom
	# when set it to local, you need to install hexo-butterfly-extjs
	third_party_provider: unpkg # jsdelivr/unpkg/cdnjs
	option:
		fontawesome: <替换的cdn>

关于此项配置详看 Butterfly 主题官方文档：Butterfly 安裝文檔(四) 主題配置-2 | Butterfly

以下是博主使用过的国内公共 CDN 静态资源库：

状态	静态资源站	说明
✅推荐	南方科技大学 CDN 镜像 `mirrors.sustech.edu.cn/help/cdnjs.html`	cdnjs 的镜像站
🟡参考	七牛云 Staticfile	cdnjs 的镜像站
	Elemecdn `https://npm.elemecdn.com/${name}@latest/${file}`	NPM 镜像站
	饿了么 `github.elemecdn.com`	unpkg 的国内镜像，unpkg 同步 NPM
⛔已挂	字节跳动静态资源公共库 `cdn.bytedance.com`	`250807` 发现全部引用的文件 404，官网通告「因黑产原因已下线，请不要再使用」。
🚫不推荐	`bootcdn.cn`	`240904` 官网都开始凌乱了，部分文件已挂。据传存在安全隐患 ^[3]。