Lazy loaded image折腾笔记4

type
status
date
slug
summary
tags
category
icon
password
屏幕太大导致页面宽度过大,图片大起来那真是一个满屏,改了一下css搞定。
实测notion里的GLOBAL_CSS只支持没有的类,如果style.js里有的话就无效。但这次正好是个空类,于是果断在后台写!
这样就可以既限制右侧内容的最大宽度,又保留notion里做的图文混排了。

原本主题的图库模式里不显示预览图,怎会如此?看了一下其他主题是有的,那么改一下这个主题就好了,反正魔改也不是一天两天了……又找了一下,半天没找到在哪改,灵机一动,看了下HTML输出的东西,诶~预览图又输出,却没显示,诶~这里怎么有个display:none;??
于是光速解决了这个问题。display是好东西!

这个自带的code框真丑,但是不在主题的css里,算了,最好不要魔改到超过主题的范围。

fav icon在chrome上能读到,手机safari也行,但在notion自己的bookmark引用里读不到。啥鬼啊!别提icon了连网站名字都读不到。哦,是不是因为我没做og相关的东西?没个毛线,做的可好了,奇怪了……
已修好,见下github内的issue。

og修好了,原因居然是!!!

lazy loading的图也换好了,不知道config有没有效,感觉config和js是叠加而不是覆盖,反正保险起见两边都改了,过了一万年后终于顺利读出新图且没有老图了。老的gif太丑了…… 更新:哪怕不管config直接修改js文件还是叠加而不是覆盖,不知道为啥?

这个转换ico的比较好,虽然出来的ico尺寸很大,但是它可以保留透明度:

增加盘古之白,在notion后台config里写就行啦,代码没改动。

2025-2-25 纸团 #折腾

Loading...

没有找到文章