3月底爬论坛看到有人提到瀑布流,查了一下,绝大部分用js实现,本菜不懂编程,想做可眼高手低,只能搁浅,上礼拜ob升级最新版,支持callout,感觉结构挺适合做,又燃起一丝魔改欲望,于是试写css,用旧admonition搭配新callout,做成了瀑布流,仿经卷,康奈尔
旧版admonition也做了小小改造
欢迎mn友友来ob论坛串门子鸭
admonition+callout联手,纯css实现瀑布流,仿经卷,康奈尔,随附admonition改造记 - 经验分享 - Obsidian 中文论坛
可以配合quickadd的capture一键创建语录
推荐使用[picsum.photos](https://picsum.photos)作题图,或者背景图,速度快,定制灵活
长宽需取整数,每次写不同的值,如 403/329,278/462,返回的图源才不会相同重复
api图不长久存本地,每次开瀑布流的page都会整屏刷新(每次都能看一批全新的 ),用流量的要适度选择是否写入题图,capture的第①第②个变量设定题图长宽,可以留空(直接点击ok,跳过),只写第三个
瀑布流防止过长,每次一页一次性载入图片太多,可以定为一月一版,capture里也设好了templater模板,可以每月自动生成
想要用图源作背景图的,也写了另外一段代码
callout竖放感觉挺像古籍,开合的动画也有点经卷舒展收合的意思,就顺道做了个ob版诵经本
仿经卷模仿自自己用word做的抄经簿模板
还参考了惊艳得让人咋舌的龙鳞装
嫌旧版admonition折起来还是比较占地儿,动了一下手脚,让它不展开就靠边儿站
collapse to icon size,unfold to full width
也定制了specific width的callout,宽度为40%
最后出场,是最没分量的康奈尔,应企鹅群友友做的 :face_with_peeking_eye:
最终提供分割线版,样式结构更简洁