前言
由于jsdelivr
被墙,国内的各种镜像也是层出不穷,但是好用的没几个,今天使用大佬的项目1143520/jsd 自建,搭配vercel和优化CDN
实现秒加载,优化CDN
正文
之前使用的镜像CDN地址s4.zstatic.net
一直302重定向导致延迟颇高,现在的自建镜像就很香了,直接替换官方的链接头部
我替换了两个地方:(目前的问题是外部资源加载速度慢一点,虽然文件很小,所以打算尽量都下载到目录)
注意:
域名有效期只有一年
,可以更换10年的xyz,或者eu.org啥的,避免到时候大面积瘫痪
评论:(已经下载到本地)
themes\hugo-magic\layouts\partials\comments\provider\twikoo.html
<script src="https://jsd.aliya.news/npm/twikoo@1.6.40/dist/twikoo.all.min.js"></script>
图片缩放:(已经下载到本地)
themes\hugo-magic\layouts\_default\baseof.html
<!-- 添加 medium-zoom 支持 -->
<script src="https://jsd.aliya.news/npm/medium-zoom/dist/medium-zoom.min.js"></script
字体和CSS地址:(已经下载本地未引用)
themes\hugo-magic\layouts\partials\head\custom.html
有四处,原本使用的是饿了么CDN也很快
https://npm.elemecdn.com/lxgw-wenkai-screen-webfont@1.7.0/lxgwwenkaiscreen.css
谷歌字体
虽然本地有这个字体,但是为什么老是加载出错呢?themes\hugo-magic\layouts\partials\footer\components\custom-font.html
尝试不使用vercel的CDN试一下,vercel的CDN太不稳了,可以试试直接使用github pages的资源
alist的CDN
进入目录
cd /opt/alist
更新(确认版本匹配)
curl -fsSL "https://alist.nn.ci/v3.sh" | bash -s update
修改/opt/alist/data/config.json
"cdn": "https://jsd.aliya.news/npm/alist-web@3.41.0/dist/",
修改完成之后,进入alist目录重启
systemctl restart alist
自建drop的CDN
原本使用的镜像:
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>🚵🏽 BAOER の 中转信箱 📬</title>
<link rel="icon" type="image/jpeg" href="logo.jpg">
<link rel="stylesheet" href="https://s4.zstatic.net/npm/prismjs@1.29.0/themes/prism.min.css">
<script src="https://jsd.cdn.zzko.cn/npm/prismjs@1.29.0/prism.min.js"></script>
<script src="https://s4.zstatic.net/npm/prismjs@1.29.0/components/prism-core.min.js"></script>
<script src="https://s4.zstatic.net/npm/prismjs@1.29.0/components/prism-clike.min.js"></script>
<script src="https://s4.zstatic.net/npm/prismjs@1.29.0/components/prism-markup-templating.min.js"></script>
<script src="https://s4.zstatic.net/npm/prismjs@1.29.0/components/prism-markup.min.js"></script>
<script src="https://s4.zstatic.net/npm/prismjs@1.29.0/components/prism-css.min.js"></script>
<script src="https://s4.zstatic.net/npm/prismjs@1.29.0/components/prism-javascript.min.js"></script>
<script src="https://s4.zstatic.net/npm/prismjs@1.29.0/components/prism-python.min.js"></script>
<script src="https://s4.zstatic.net/npm/prismjs@1.29.0/components/prism-java.min.js"></script>
<script src="https://s4.zstatic.net/npm/prismjs@1.29.0/components/prism-c.min.js"></script>
<script src="https://s4.zstatic.net/npm/prismjs@1.29.0/components/prism-cpp.min.js"></script>
<script src="https://s4.zstatic.net/npm/prismjs@1.29.0/components/prism-csharp.min.js"></script>
<script src="https://s4.zstatic.net/npm/prismjs@1.29.0/components/prism-php.min.js"></script>
<script src="https://s4.zstatic.net/npm/prismjs@1.29.0/components/prism-sql.min.js"></script>
<script src="https://s4.zstatic.net/npm/prismjs@1.29.0/components/prism-bash.min.js"></script>
<script src="https://s4.zstatic.net/npm/prismjs@1.29.0/components/prism-json.min.js"></script>
<script src="https://s4.zstatic.net/npm/prismjs@1.29.0/components/prism-markdown.min.js"></script>
<link rel="stylesheet" href="css/style.css">
<script src="js/theme.js"></script>
<script src="https://jsd.cdn.zzko.cn/npm/markdown-it/dist/markdown-it.min.js"></script>
<script src="https://jsd.cdn.zzko.cn/npm/markdown-it-emoji/dist/markdown-it-emoji.min.js"></script>
<script src="https://jsd.cdn.zzko.cn/npm/markdown-it-sub/dist/markdown-it-sub.min.js"></script>
<script src="https://s4.zstatic.net/npm/markdown-it-sup/dist/markdown-it-sup.min.js"></script>
<script src="https://s4.zstatic.net/npm/markdown-it-footnote/dist/markdown-it-footnote.min.js"></script>
<script src="https://s4.zstatic.net/npm/markdown-it-task-lists/dist/markdown-it-task-lists.min.js"></script>
<script src="https://s4.zstatic.net/npm/medium-zoom/dist/medium-zoom.min.js"></script>
<style>
替换后:
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>🚵🏽 BAOER の 中转信箱 📬</title>
<link rel="icon" type="image/jpeg" href="logo.jpg">
<link rel="stylesheet" href="https://jsd.aliya.news/npm/prismjs@1.29.0/themes/prism.min.css">
<script src="https://jsd.aliya.news/npm/prismjs@1.29.0/prism.min.js"></script>
<script src="https://jsd.aliya.news/npm/prismjs@1.29.0/components/prism-core.min.js"></script>
<script src="https://jsd.aliya.news/npm/prismjs@1.29.0/components/prism-clike.min.js"></script>
<script src="https://jsd.aliya.news/npm/prismjs@1.29.0/components/prism-markup-templating.min.js"></script>
<script src="https://jsd.aliya.news/npm/prismjs@1.29.0/components/prism-markup.min.js"></script>
<script src="https://jsd.aliya.news/npm/prismjs@1.29.0/components/prism-css.min.js"></script>
<script src="https://jsd.aliya.news/npm/prismjs@1.29.0/components/prism-javascript.min.js"></script>
<script src="https://jsd.aliya.news/npm/prismjs@1.29.0/components/prism-python.min.js"></script>
<script src="https://jsd.aliya.news/npm/prismjs@1.29.0/components/prism-java.min.js"></script>
<script src="https://jsd.aliya.news/npm/prismjs@1.29.0/components/prism-c.min.js"></script>
<script src="https://jsd.aliya.news/npm/prismjs@1.29.0/components/prism-cpp.min.js"></script>
<script src="https://jsd.aliya.news/npm/prismjs@1.29.0/components/prism-csharp.min.js"></script>
<script src="https://jsd.aliya.news/npm/prismjs@1.29.0/components/prism-php.min.js"></script>
<script src="https://jsd.aliya.news/npm/prismjs@1.29.0/components/prism-sql.min.js"></script>
<script src="https://jsd.aliya.news/npm/prismjs@1.29.0/components/prism-bash.min.js"></script>
<script src="https://jsd.aliya.news/npm/prismjs@1.29.0/components/prism-json.min.js"></script>
<script src="https://jsd.aliya.news/npm/prismjs@1.29.0/components/prism-markdown.min.js"></script>
<link rel="stylesheet" href="css/style.css">
<script src="js/theme.js"></script>
<script src="https://jsd.aliya.news/npm/markdown-it/dist/markdown-it.min.js"></script>
<script src="https://jsd.aliya.news/npm/markdown-it-emoji/dist/markdown-it-emoji.min.js"></script>
<script src="https://jsd.aliya.news/npm/markdown-it-sub/dist/markdown-it-sub.min.js"></script>
<script src="https://jsd.aliya.news/npm/markdown-it-sup/dist/markdown-it-sup.min.js"></script>
<script src="https://jsd.aliya.news/npm/markdown-it-footnote/dist/markdown-it-footnote.min.js"></script>
<script src="https://jsd.aliya.news/npm/markdown-it-task-lists/dist/markdown-it-task-lists.min.js"></script>
<script src="https://jsd.aliya.news/npm/medium-zoom/dist/medium-zoom.min.js"></script>
<style>
自建typora上传接口picx的返回地址
替换头像
避免直接向服务器请求,导致加载缓慢,后期会将大多数资源使用picx图床和镜像jsd(这只是一种选择,更好的选择还是压缩图片大小)