第四篇：图文混排测试，一次秋日露营
有些文章需要靠文字把事情讲清楚，有些文章则需要图片承担一半叙事。
这篇文章没有特别的主题，主要用来测试博客在大量图片穿插正文时的阅读效果，包括图片宽度、上下留白、图片与文字之间的节奏，以及手机和电脑上的显示效果。
出发
秋天很适合露营。
天气开始转凉，阳光已经没有盛夏那么刺眼。如果时间允许，我更喜欢上午出发，不赶时间，也不给自己安排太多项目。
测试图片一：横向大图，用来观察博客正文区域的最大图片宽度。
真正让我喜欢户外的地方，其实也不是一定要去什么著名景点。
有时候只是离开城市，找个地方坐下来，烧点水，做顿饭，看看天色慢慢变化，就已经足够。
城市里的时间往往是被切碎的。
十分钟回复消息，半小时处理事情，一个小时开会，接着又去做下一件事。到了野外之后，时间忽然重新变成了一整块。
营地
选营地的时候，我通常先看三个东西：
- 地势是否平整；
- 有没有水源；
- 晚上是否足够安静。
另外还要看看天气和风向。
测试图片二：图片夹在两个正文段落之间。
帐篷真正搭起来其实很快。
真正花时间的往往是那些细碎的小事情：桌子放哪里，椅子朝哪个方向，炉子摆在哪里比较方便，灯挂在哪里。
这些事情单独看都很小，但最后决定了整个营地是不是舒服。
户外装备真正的价值，不是拥有多少东西，而是让自己在自然环境里生活得更从容。
这也是我后来越来越不喜欢堆装备的原因。
够用，就好。
做饭
露营的时候，我很喜欢自己做饭。
原因很简单，人在户外的时候，哪怕只是最普通的一顿饭，味道都会比平时好很多。
测试图片三：用于观察食物、器具等近景照片的表现。
比如一顿很简单的晚饭：
- 一块牛排
- 一点蔬菜
- 两个鸡蛋
- 一锅汤
- 一杯咖啡
不需要复杂。
锅烧热以后放一点油，把肉煎熟，再随手弄点蔬菜，就已经很好。
这时候文章里连续出现 图片 → 文字 → 图片 → 文字，我们主要观察页面有没有产生一种很自然的阅读节奏。
图片尺寸测试
下面再测试一张偏竖构图的图片。
测试图片四：偏竖向构图，观察主题是否会把图片强行拉伸。
对于博客来说，这一点其实很重要。
如果所有图片都被强制撑满正文宽度，那么竖图往往会变得巨大，一张照片就占满整个屏幕。
一个成熟的主题应该让不同尺寸的照片都保持合理比例。
夜晚
天黑以后，是露营里我最喜欢的一段时间。
白天还有很多事情可以做，到了晚上，事情自然就少了。
测试图片五：暗色图片，可以顺便观察 Dark Mode 下的整体效果。
烧一点水，泡杯茶。
如果周围够安静，甚至可以什么都不做。
坐在那里。
这时候你会发现，人其实并不需要一直获得新的刺激。
我们平时习惯了手机、新闻、视频、消息，几乎每一分钟都需要一些东西填进去。
真正安静下来以后，刚开始可能还有点不适应。
过一会儿就好了。
第二天早晨
早晨起来以后，营地通常和昨天晚上完全是两个样子。
测试图片六：宽幅风景照片。
阳光重新出来，晚上看起来有些陌生的树林，又恢复了颜色。
收拾装备。
清理垃圾。
检查有没有留下东西。
然后回家。
图文博客真正需要什么
经过这一整篇测试，我们其实主要观察几个问题：
- 正文宽度是否舒服；
- 图片是否足够清晰；
- 图片有没有溢出正文区域；
- 图片上下留白是否合理；
- 图注是否容易辨认；
- 长文中大量图片是否显得拥挤；
- 手机显示是否正常；
- Dark Mode 下图片和正文是否协调。
对于以长文为主的个人博客，我认为图片应该承担一种「呼吸」的作用。
连续阅读几百字以后出现一张图片，可以让眼睛稍微休息，也可以重新建立阅读节奏。
图片太多会打断文字。
图片太少，五千字的文章又容易形成一整堵文字墙。
所以真正好的图文排版，关键其实是节奏。
这篇文章到这里结束。
如果三种 Hugo 主题都能把这一页显示得舒服，那么我们就已经有了一个很好的主题测试样本。