【问题】:使用cdn.jsdelivr.net/gh/加速css有几率导致显示不全
xingpingcn opened this issue · 4 comments
检查清单
主题版本
5.x
复现地址
https://cdn.jsdelivr.net/gh/xingpingcn/website.comments/style.css
问题描述
如图,首页没有文章(直连的时候加载慢,每次强制刷新都会复现;如果走v2ray代理,加载快,则不会复现此情况),这时再刷新(f5)就有了。异步加载css的时候能加载sidebar,但是似乎没有加载文章list
配置文件
站点配置文件
在这里粘贴替换 `blog/_config.yml` 中修改过的部分
主题配置文件
cdn:
enable: true
# CDN 前缀,为空使用默认值,链接最后不加 "/",
# 例如: https://cdn.jsdelivr.net/gh/volantis-x/volantis-x.github.io@gh-page 填写最后编译生成的源码CDN地址前缀,此路径下应该含有/js与/css目录,
# 该配置默认值是:"https://unpkg.com/hexo-theme-volantis@"+ theme.info.theme_version +"/source"
# prefix: #https://unpkg.com/hexo-theme-volantis/source/
prefix: #https://jsd.cdn.zzko.cn/gh/xingpingcn/website.comments
# 以下配置可以覆盖 cdn.prefix,配置项的值可以为空,但是要使用CDN必须依据路径填写配置项的键
set:
js:
app: https://jsd.cdn.zzko.cn/gh/xingpingcn/website.comments/app.js
css:
style: https://cdn.jsdelivr.net/gh/xingpingcn/website.comments/style.css # (异步加载样式)
环境信息
node.js & npm
在这里粘贴替换 `node -v && npm -v` 输出的信息
package.json
在这里粘贴替换 `npm ls --depth 0` 输出的信息
这个问题在很早之前就有人提出过: #759
此问题是受不可抗因素导致,加上现在没有好用的 cdn 服务商 (白嫖),如果可以,请把 css 文件直接站内引用,以解决此问题发生。
题外:有点尴尬,我原本想复制【已搜索过,没有发现类似的 issue】时,发现右边有点按钮,没想到点了会执行自动脚本,github 新增了很多功能哇,我都不会用,让大家见丑了,吓得我赶紧去取消这个执行任务
此问题是受不可抗因素导致,加上现在没有好用的 cdn 服务商,如果可以,请把 css 文件直接站内引用,以解决此问题发生。
使用了新的cdn,jsd.cdn.zzko.cn,对比https://cdn.jsdelivr.net/gh/xingpingcn/website.comments/style1.css和https://jsd.cdn.zzko.cn/gh/xingpingcn/website.comments/style1.css 返回的文件没有差别(手动添加了utf8编码声明)
但是在config中配置https://jsd.cdn.zzko.cn/gh/xingpingcn/website.comments/style1.css 就会出错(反而配置js不会出错)
浏览器直接访问https://jsd.cdn.zzko.cn/gh/xingpingcn/website.comments/style1.css 没有问题
我傻了,设置了cdn_version: true,读缓存了,设置成cdn_version: false就可以了
如果想白嫖 cdn ,或许可以尝试使用这个方法: