Featured image of post 使用自建jsdelivr镜像

使用自建jsdelivr镜像

   
文章摘要
小tips……😋

前言

​ 由于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

image-20241228010236329

谷歌字体

虽然本地有这个字体,但是为什么老是加载出错呢?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的返回地址

image-20241228145022543

替换头像

避免直接向服务器请求,导致加载缓慢,后期会将大多数资源使用picx图床和镜像jsd(这只是一种选择,更好的选择还是压缩图片大小)

头像:

me22

网站图标:

icon

CC BY-NC-SA 4.0 创意的非商业派对入场券
最后更新于 2025-01-17 21:53
晚来天欲雪,能饮一杯无