Gmeek icon indicating copy to clipboard operation
Gmeek copied to clipboard

暗主题调整

Open cao-gift opened this issue 10 months ago • 9 comments

如何调整为进入首页就是暗主题,暗主题比较好看,感谢

cao-gift avatar Apr 04 '24 00:04 cao-gift

目前,已经修改index.html的有关代码为 let theme = localStorage.getItem("meek_theme") || "dark";初步实现了, 也修改了CDN ,tag.html中的 南科大的公共CDN比较快。 请问下每次build Gmeek后这里的代码会重置吗?

cao-gift avatar Apr 04 '24 00:04 cao-gift

@cao-gift 我写了一篇文章单独描述如何配置亮暗主题,你上面的这种修改不行,后面更新文章了就会重置。

如果是你自己的话,你第一次进入博客是亮主题,但是你通过按钮切换到暗主题后,浏览器会记住你的选择,只要你不更换浏览器或者清除浏览器记录,这样你每次打开页面就都是暗主题了。

另外你说的也修改了CDN ,tag.html中的是什么资源使用了南科大的公共CDN?

Meekdai avatar Apr 04 '24 13:04 Meekdai

@Meekdai 他可能想说 https://github.com/Meekdai/Gmeek/blob/main/templates/base.html#L7 引用的资源。

南科大公共 CDN 是 CDNJS 的国内镜像,目前来看稳定性比 StaticFile 要好,我也建议修改成南科大的。参考他们的 issues 很多报障 https://github.com/staticfile/static/issues?q=is%3Aissue+is%3Aclosed

zonefile avatar Apr 12 '24 09:04 zonefile

@famousprince 谢谢,后续考虑更换下面的CDN地址

国内 https://mirrors.sustech.edu.cn/cdnjs/ajax/libs/Primer/21.0.7/primer.css 国外 https://cdnjs.cloudflare.com/ajax/libs/Primer/21.0.7/primer.css

发现了南科大下面这特点非常不错。

当中国大陆以外的用户访问南科大镜像托管的cdnjs资源时,您将被重定向到 cdnjs.cloudflare.com

Meekdai avatar Apr 14 '24 12:04 Meekdai

目前测试发现一个问题,南科大的这个源网络传输的primer.css有833kB,而CDNJS只有41.1kB,staticfile有107kB,真奇怪,估计是优化压缩不一样。

staticfile https://cdn.staticfile.net/Primer/21.0.7/primer.css CDNJS https://cdnjs.cloudflare.com/ajax/libs/Primer/21.0.7/primer.css 南科大 https://mirrors.sustech.edu.cn/cdnjs/ajax/libs/Primer/21.0.7/primer.css

Meekdai avatar Apr 15 '24 06:04 Meekdai

是的,size 不同是服务器压缩开关和算法不同导致的。如果下载到本地(或者设置请求头为 Accept-Encoding: identity)都是 813 kb,比对文件 sha256 值也是一样的,并没有遭到篡改的风险。

staticfile 的压缩算法是 gzip,cloudflare 是 brotli,南科大没有启用压缩。 cloudflare 使用的 brotli 的压缩能力与速度都更快,所以比 staticfile 小,南科大原样传递所以是文件原本大小。

如果考虑压缩,那么南科大确实不占优势。可以尝试下 https://s4.zstatic.net/ajax/libs/Primer/21.0.7/primer.css,约等于有 CDN 和压缩版的南科大镜像,并且在 https://cdn.zstatic.net/libraries/Primer/21.0.7 可以直接复制引用带 SRI hash 的 tag

zonefile avatar Apr 15 '24 09:04 zonefile

刚才南科大给我发邮件说他们开了brotli压缩,primer.css大小为50kb 3

cao-gift avatar Jun 23 '24 07:06 cao-gift

这是我的测试结果 4

cao-gift avatar Jun 23 '24 08:06 cao-gift

@cao-gift 目前来看,南科大开启brotli压缩后,效果最佳了。

Meekdai avatar Jun 23 '24 13:06 Meekdai