跳到正文

2026-10-31文章Markdown / 排版1 min read

图片排版示例:图注与并排

本页目录
  1. 一张图
  2. 图片紧跟在文字后面
  3. 连续两张
  4. 同一行并排
  5. 不写图注

正文里的图片不用加任何标记,src/lib/markdown-pipeline.ts 会按写法决定它是独占一块,还是和同一行的图片并排。下面用同一张封面把几种情况都排一遍。

一张图

图片独占一行时,会带一圈细边框,图注取自 alt:

封面 · Ending Collection vol.1
封面 · Ending Collection vol.1

图片紧跟在文字后面

图片与文字之间不必空行。只要图片独占一行,它照样会单独成块,不会挤在段落里:

这一句的下一行紧接着图片,中间没有空行

封面 · 紧跟文字
封面 · 紧跟文字

连续两张

两张图各占一行时,会依次排成两个带图注的图块:

封面 · 第一张
封面 · 第一张
封面 · 第二张
封面 · 第二张

同一行并排

同一行里用空格隔开,两张图并排显示,各自保留边框与图注:

并排 · 左
并排 · 左
并排 · 右
并排 · 右

三张并排,窄屏会自动折成两列加一行:

并排 · 一
并排 · 一
并排 · 二
并排 · 二
并排 · 三
并排 · 三

不写图注

alt 留空时仍然保留图块,只是不显示说明文字: