2 min read 总阅读量: 加载中...

Ghost博客JSDelivr提速

关于JSDelivr源资源替代访问的处理思路和方法

最近发现访问博客有部分资源加载时间比较长通过控制台工具发现因为访问 https://cdn.jsdelivr.net/ 的部分js和css文件导致卡主很久,目前国内访问jsdevlivr的资源速度都是比较的慢原因懂得人都懂,所以就想替换成国内静态源,结果查找很久时间都未找到,寻思博客本来有OSS资源访问路径,直接访问jsdelivr成功后保存对应资源文件上传至OSS后,修改其中的Portal和sodoSearch到OSS资源访问路径就行了,

Docker搭建

使用Docker Compose yaml文件直接参考以下文件环境变量参数字段,修改对应字段值即可:

#Portal
      portal__url: "[资源访问网站地址]/ghost/portal@~{version}/umd/portal.min.js"
      sodoSearch__url: "[资源访问网站地址]/ghost/sodo-search@~{version}/umd/sodo-search.min.js"
      sodoSearch__styles: "[资源访问网站地址]/ghost/sodo-search@~{version}/umd/main.css"
      comments__url: "[资源访问网站地址]/ghost/comments-ui@~{version}/umd/comments-ui.min.js"
      #关闭Gravatar
    privacy__useGravatar: false

本地搭建

如果不是通过Docker搭建博客本地直接启动的,需要修改对应的config.production.json文件中的portalsodoSearch字段值,参考以下配置:

.....
portal:{
    'url':"[资源访问网站地址]/ghost/portal@~{version}/umd/portal.min.js"
},
sodoSearch:{
    'url':"[资源访问网站地址]/ghost/sodo-search@~{version}/umd/sodo-search.min.js",
    'styles':"[资源访问网站地址]/ghost/sodo-search@~{version}/umd/main.css"
},
"comments": {
    "url": "https://cdn.jsdelivr.net/npm/@tryghost/comments-ui@~{version}/umd/comments-ui.min.js",
    "styles": "https://cdn.jsdelivr.net/npm/@tryghost/comments-ui@~{version}/umd/main.css"
},
#关闭Gravatar
privacy:{
    useGravatar: false
}
.......

修改后重启Ghost博客就可以明显感觉速度提升很多👍👍