排版试验：照片在文章里怎么排

临时页面：用来定「文章里的照片到底怎么排」。木桥那组是同一机位的延时帧，光线一直在变，正好当素材；两张 xiamen 是导出成品，两张 crop 是裁出来的竖构图／方构图样张，专门用来看混排那一行对不对齐。看完说哪种不对，改完这页就删。

照片都走自家的图片流水线（RustFS + 云缓存）：每张图自动生成三档尺寸的 srcset、内嵌模糊占位（零抖动），点一下放大，参数在放大后底下那行。

一、单张：自己占一段#

一张图单独成段（前后空行隔开），就从文字栏里破出来按宽幅显示，最宽 68rem。图注写 markdown 的 alt。

二、双联：同一段里连着写两张#

两张写在同一个段落里（中间只换行、不空行），自动排成一行、高度对齐。

三、横＋竖：混排也等高#

一横一竖放在同一行，列宽按各自比例分配，两张图自然等高，而且一张都不裁。竖的放左边、横的放右边：

反过来也行，横的宽、竖的窄：

四、三联#

同一个段落里三张，列宽自动等分。

五、通栏#

整屏宽，不留边距。适合横构图的大场景、开头或结尾的一张。

通栏也可以放两三张，比如并排两张通栏 —— 一张横一张竖：

六、与文字同宽#

不想让照片抢戏时用 block，跟正文一样 44rem。

七、网格#

统一裁成方块，齐得像一张联系印样。适合一组快照、一组同机位的片子。

四列、通栏的网格：

八、瀑布流#

不裁切、各保持各的比例，像 Pinterest 那种错落排法。

九、横向滑动#

一屏一张，左右滑。图多又不想把页面拉得很长时用，手机上尤其顺手。

十、放大看细节#

任意一张点开是全屏查看器：← → 翻页、Esc 关掉、底下那行是机身镜头和拍摄参数（来自相册数据里的 EXIF）。

写法就这些。要改的是默认那一档——也就是你什么都不写的时候照片长什么样：

• 现在默认单张 = 宽幅（68rem），并排 = 宽幅，图注在图下方小号灰字；
• 宽度、列数、裁不裁、用哪种排法，都是围栏块里加个词的事：full / block / grid / masonry / scroll / crop / nocrop / 数字。