Hexo cdn.jsdelivr.net 等部分CDN引用无效的一种低成本解决方案

JavaScript/前端
378
0
0
2022-10-23
标签   CDN

问题原因:cdn.jsdelivr.net在2021年12月20号国内引用无效被重置,导致部分引用此cdn资源的hexo生成站点js依赖和错误页面功能异常。

本人也遇到此问题,解决方案如下供参考:

考虑到不同的hexo站点使用的插件各有不同,且引用的第三方js库存在差异,故考虑采用低成本的方式解决。大概思路是在生成的部分文件里,替换相应的站点域名,实现在deploy之前完成文件路径的转换。


举例来说,也是本人遇到的问题,常用的js库https://cdn.jsdelivr.net/npm/js-base64/base64.min.js

准备工作(主题icarus为例):

  • 1.下载对应的无效js文件到本地;
  • 2.文件放置在(对应创建CDN路径文件夹)themes/icarus/source/npm/js-base64/base64.min.js;

站点根路径生成常用命令封装了一个简单的操作命令脚本(hexo-deploy.sh):

#!/usr/bin/env sh
# author: Jack Liu
# Description: (debug | deploy git) script

if [ "$1" == "debug" ]; then 
    echo "---------------- Debug Mode ----------------"
    hexo clean && hexo s
    exit
fi

hexo clean && hexo g

echo "---------------- Invalid CDN switch local path file ----------------"
# MacOS下sed和Linux发行版之间的区别,MacOS包含备份保护机制,注意sed -i ''
find ./public -name "*.html" -type f -exec sed -i '' 's/\/\/cdn\.jsdelivr\.net\//\//g' '{}' \;

hexo d
echo 'hexo deploy run is ok !'

警告:

  • 脚本包含替换操作!执行脚本前请严格检查命令可行性,防止误操作。
  • MacOS下sed和Linux发行版之间的区别,MacOS包含备份保护机制,注意sed -i ‘’

执行成功后./public下路径替换会为/npm/js-base64/base64.min.js

备注:

其他无效CDN域名引用,参考类似方法,注意sed命令转义。

原文链接