Skip to content

示例库

本页截图与代码均来自随插件发布的演示库,可直接打开对照。

下载中文演示库

五分钟上手 ​

连续写入三行图片即可形成一行画廊,无需参数,也无需调整文件结构。

最小可用的笔记 ​

markdown
![峡湾](assets/photo/01-fjord.jpg)
![雪脊](assets/photo/02-ridge.jpg)
![谷地](assets/photo/03-valley.jpg)

三行之间不留空行时,阅读视图会将其渲染为一行等高画廊:

三张不同比例的照片并排成一行画廊,顶边与底边对齐

三张原图比例分别为 3:2、3:4、4:3。插件以统一行高反推每格列宽:横图较宽,竖图较窄;顶边与底边对齐,图片不拉伸、不裁切。

整页滚动看一遍 ​

视频展示一篇常规笔记的完整滚动过程:画廊、右侧浮动绕排、裁剪对照与两组不同节奏的多图组出现在同一页,源码中不含像素尺寸。

两图并排 ​

markdown
![山道](assets/photo/04-road.jpg)
![城堡](assets/photo/10-castle.jpg)

两张并排时,行高约为栏宽的三分之一,高于三张并排的情况,细节更清晰。行高由图片数量、比例与栏宽共同决定,无需指定数值。

三个常用操作 ​

目标操作
使某张图独占一行用正文或标题将其与相邻图片隔开,或写入 ag:isolate
指定每行图片数量在组内第一张图片写入 ag:rows=2,2
修改单图宽度在实时预览中拖动右下角,松开后自动写入 ag:width

下一步 ​

相关阅读 ​