volantis-x / hexo-theme-volantis

A Wonderful Theme for Hexo.
https://volantis.js.org
MIT License
2.07k stars 600 forks source link

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

Closed xingpingcn closed 1 year ago

xingpingcn commented 1 year ago

检查清单

主题版本

5.x

复现地址

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

问题描述

image

如图,首页没有文章(直连的时候加载慢,每次强制刷新都会复现;如果走v2ray代理,加载快,则不会复现此情况),这时再刷新(f5)就有了。异步加载css的时候能加载sidebar,但是似乎没有加载文章list

配置文件

站点配置文件

```yml 在这里粘贴替换 `blog/_config.yml` 中修改过的部分 ```

主题配置文件

```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 1 year ago

这个问题在很早之前就有人提出过: #759

此问题是受不可抗因素导致,加上现在没有好用的 cdn 服务商 (白嫖),如果可以,请把 css 文件直接站内引用,以解决此问题发生。

题外:有点尴尬,我原本想复制【已搜索过,没有发现类似的 issue】时,发现右边有点按钮,没想到点了会执行自动脚本,github 新增了很多功能哇,我都不会用,让大家见丑了,吓得我赶紧去取消这个执行任务

xingpingcn commented 1 year ago

此问题是受不可抗因素导致,加上现在没有好用的 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 没有问题

xingpingcn commented 1 year ago

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

Tikas commented 1 year ago

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

https://github.com/volantis-x/hexo-theme-volantis/issues/867#issuecomment-1518486549