惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Microsoft Azure Blog
Microsoft Azure Blog
J
Java Code Geeks
量子位
腾讯CDC
C
Check Point Blog
小众软件
小众软件
IT之家
IT之家
I
InfoQ
Hugging Face - Blog
Hugging Face - Blog
Stack Overflow Blog
Stack Overflow Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
GbyAI
GbyAI
Apple Machine Learning Research
Apple Machine Learning Research
大猫的无限游戏
大猫的无限游戏
博客园_首页
S
SegmentFault 最新的问题
The Cloudflare Blog
阮一峰的网络日志
阮一峰的网络日志
aimingoo的专栏
aimingoo的专栏
P
Proofpoint News Feed
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Google DeepMind News
Google DeepMind News
T
Tailwind CSS Blog
Martin Fowler
Martin Fowler

Flatpaper Demo

FlatPaper(v0.4.0) 新特性:沉浸式手帐风留言板,把评论变成贴纸盲盒 | Flatpaper Demo Hexo 中 `marked.smartypants` 与 `quotes` 配置详解 | Flatpaper Demo FlatPaper 文章顶部图:top_img 与 post_top_img 配置 | Flatpaper Demo FlatPaper 主题重磅更新:优雅的朋友圈 (Friend Circle) 信息流 | Flatpaper Demo FlatPaper 现在支持 Google Fonts 了 | Flatpaper Demo FlatPaper 首页 Hero:开屏、背景图与贴纸配置 | Flatpaper Demo 主题效果总览:文章块与交互组件预览 | Flatpaper Demo 更新日志:FlatPaper 现已支持赞赏码 | Flatpaper Demo FlatPaper 内置图标速查 | Flatpaper Demo Hello World | Flatpaper Demo 多级标题测试:从一级标题到六级标题 | Flatpaper Demo 多级标题测试:从一级标题到六级标题 外链与脚注测试:链接样式、长 URL 与引用来源 | Flatpaper Demo 外链与脚注测试:链接样式、长 URL 与引用来源 用 VitePress 风格的 note 容器语法 | Flatpaper Demo 用 VitePress 风格的 note 容器语法 图片排版预览:多图、图注与长图测试 多语言代码示例:用于测试代码高亮 | Flatpaper Demo 多语言代码示例:用于测试代码高亮 在 Hexo 中使用 NOTE 提示块 | Flatpaper Demo 在 Hexo 中使用 NOTE 提示块 Hello World FlatPaper 主题页面检查清单 | Flatpaper Demo FlatPaper 主题页面检查清单 Markdown 元素展示:表格、代码与引用 | Flatpaper Demo Markdown 元素展示:表格、代码与引用 FlatPaper 设计札记:纸感、留白与轻量界面 | Flatpaper Demo FlatPaper 设计札记:纸感、留白与轻量界面 周末散步记录:从街角咖啡店到河岸 | Flatpaper Demo 周末散步记录:从街角咖啡店到河岸
图片排版预览:多图、图注与长图测试 | Flatpaper Demo
Author · 2026-05-16 · via Flatpaper Demo
写作示例

图片排版预览:多图、图注与长图测试

这篇文章用于测试主题在多张图片场景下的展示效果,包括单图、连续图片、图注、横向排布和图片之间的段落间距。

单张大图

晨间书桌

图 1:用于观察正文区域中的单张大图宽度、圆角、边距和上下留白。

连续图片

下面两张图片连续出现,适合检查图片之间的垂直间距是否过密,或者是否和普通段落之间产生不自然的断层。

城市窗景

纸张笔记

连续图片在移动端尤其容易暴露问题:如果图片宽度、容器边距和正文行宽不一致,页面会显得很松散。

图文混排

阅读角落
图 2:HTML figure 写法,用于测试主题是否给 figcaption 留出合适的文字样式。

图片之后的正文应该自然回到文章节奏中。图注颜色可以更轻,但不能低到难以阅读。

双图预览

如果主题没有专门处理 .gallery-preview-row,这段 HTML 仍然可以作为普通块级内容显示;后续也可以给它添加响应式双列样式。

长段落后的图片

为了模拟真实写作,这里放一段较长的文字。很多文章不会只连续放图,而是在说明、观察和图片之间来回切换。主题需要保证图片不会抢占全部视觉重心,也不能被正文压得像附件。图片是内容的一部分,它和文字应该保持同一套排版秩序。

河岸散步

这张图放在长段落之后,用于检查段落结束到图片开始之间的距离是否自然。