volantis-x/hexo-theme-volantis

【问题】:使用cdn.jsdelivr.net/gh/加速css有几率导致显示不全

xingpingcn opened this issue · 4 comments

检查清单

主题版本

5.x

复现地址

https://cdn.jsdelivr.net/gh/xingpingcn/website.comments/style.css

问题描述

image

如图,首页没有文章(直连的时候加载慢,每次强制刷新都会复现;如果走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` 输出的信息

Tikas commented

这个问题在很早之前就有人提出过: #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编码声明)
image
但是在config中配置https://jsd.cdn.zzko.cn/gh/xingpingcn/website.comments/style1.css 就会出错(反而配置js不会出错)
image
浏览器直接访问https://jsd.cdn.zzko.cn/gh/xingpingcn/website.comments/style1.css 没有问题

我傻了,设置了cdn_version: true,读缓存了,设置成cdn_version: false就可以了

Tikas commented

如果想白嫖 cdn ,或许可以尝试使用这个方法:

#867 (comment)