typecho-handsome vditor 插件离线使用方法

引言

cdn.jsdelivr.net由于ssl证书到期, 并且开启了hsts,导致站点JS异常。CDN不稳定的情况下,真的很烦人,所以放到本地还是有一定的优越性的,做到了高度耦合,服务在,我就在。哈哈哈哈。这样并不好。。。。emm。

下载Vditor源码

git clone https://github.com/Vanessa219/vditor.git
git clone https://gitee.com/mirrors/Vditor.git 国内克隆站

进入目录

cd vditor

依赖包安装

npm install

构建文件

npm run build

移植

构建完成后dist目录就是真正的离线版了。

新版本中

直接修改CDN.PHP即可,但仍需要下载源码,手动编译,并且目录规则是vditor/dist/ 要有dist目录,dist目录才是编译后的文件,然后修改主题目录中的CDN.PHP,把你需要修改的CDN路径修改成/usr/themes/handsome/assets/libs/vditor/dist/ 就好了,也就省去了http(s)的转换问题了
如果你用的是新版本就不需要看下面的了,我也不知道是从哪个版本开始就变了,如果修改后还是不起作用,可以考虑参考下面的章节。

handsome 主题vditor离线模式

把dist扔到/usr/themes/handsome/assets/libs/vditor目录下

需修改如下文件:
usr\plugins\Handsome\assets\js\index.min.js
找到 e.CDN= 替换成 e.CDN= window.location.protocol+"//"+window.location.host+"/usr/themes/handsome/assets/libs/vditor"

vditor编译后的method.min.js和 index.d.ts 找到Constants.CDN = 也替换成上面的那个。

目前的解决方案是这样的。也不知道打包后为啥还走CDN。

评论 0

还没有评论,来说点什么吧。

提交后需要审核才会公开。