Series · learning-to-see
First Frame — 練習影像敘事的節奏
示範用 Photo Essay:長篇文字與圖片交織,展示 frontmatter、圖檔慣例與 MDX 寫作格式。

傍晚的光從側窗進來時,城市還沒完全暗。
我把相機放在桌上,先不拍,只看影子怎麼爬過牆面。
這是 Lao Chi, the Visual Diarist 的寫作格式範例:
長篇敘事為骨幹,圖片穿插其間,並經 Astro astro:assets 輸出 AVIF / WebP。
一、先走到街上
出門前我通常不設主題。
路線可以隨便,但節奏要慢——停下來的次數,比走了多遠更重要。
街角的鐵皮、機車後照鏡裡的天空、便利商店門口的人影,都可能是下一張的起點。

圖片以 ESM import 自 src/assets/essays/{slug}/,再交給 Figure
(Picture 會產生 AVIF + WebP 多尺寸來源)。
同一張也可用較窄的正文寬:

二、文字與照片的呼吸
Visual Journal 的核心,不是「圖多」,而是 一張圖說完一個節拍,再接下一段文字。
建議節奏(可依篇調整):
- 一小段現場文字(2–5 句)
- 一張(或一組)圖
- 再進入下一節觀察或回憶
避免連續丟十張圖再補文字;也避免長文中間完全沒有影像。
小節可以用二級標題
## 當作故事章節;### 留給技術備註或旁白,例如這段。
寫作時優先講「我看到什麼、停在哪裡」,
器材與參數放 frontmatter 的camera,或文末簡短附註即可。
三、收束
回家後挑圖,不是挑「最銳利」的,而是挑 還記得現場溫度 的。
最後一張往往比第一張難——它要能停住讀者,而不是再往下翻。

文末附註(圖片慣例)
| 項目 | 慣例 |
|---|---|
| 目錄 | src/assets/essays/{slug}/ |
| 封面 | cover.jpg(frontmatter cover + image() helper) |
| 內文圖 | 01-desc.jpg、02-desc.jpg… → MDX import → <Figure src={…} /> |
| 優化 | Picture:AVIF + WebP + 原始格式 fallback |
| 草稿 | draft: true 不進正式列表 |
正式文章請複製本篇骨架,換成真實照片即可。