连接点303 · 记录点东西https://33.ax/notes/2026-10-18T22:58:32+08:00yueheiHugoyueheihttps://33.ax/authors/yuehei/https://33.ax/notes/hello-world/2026-10-18T22:58:32+08:002026-10-18T22:58:32+08:00

<p><strong>Hello World！</strong> 这是「瞬间」的第一条测试记录。👋</p> <p>这里用来放一些短小的记录：一个刚冒出来的想法、一段值得留下的话，或者几张图片。内容仍然保存在本地 Markdown 中，和博客一起构建、发布。</p>

<p><strong>Hello World！</strong> 这是「瞬间」的第一条测试记录。👋</p> <p>这里用来放一些短小的记录：一个刚冒出来的想法、一段值得留下的话，或者几张图片。内容仍然保存在本地 Markdown 中，和博客一起构建、发布。</p> yueheihttps://33.ax/authors/yuehei/https://33.ax/notes/markdown-inline-test/2026-10-18T22:57:00+08:002026-10-18T22:57:00+08:00

<h3 class="heading-element" id="排版示例"><span>排版示例</span> <a href="#%e6%8e%92%e7%89%88%e7%a4%ba%e4%be%8b" class="heading-mark"><svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a> </h3><p>同一张卡片可以包含 <strong>加粗</strong>、<em>斜体</em>、<del>删除线</del> 和 <code>行内代码</code>，也可以链接到<a href="/collections/markdown/">Markdown 语法手册</a>。</p>

<h3 class="heading-element" id="排版示例"><span>排版示例</span> <a href="#%e6%8e%92%e7%89%88%e7%a4%ba%e4%be%8b" class="heading-mark"><svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a> </h3><p>同一张卡片可以包含 <strong>加粗</strong>、<em>斜体</em>、<del>删除线</del> 和 <code>行内代码</code>，也可以链接到<a href="/collections/markdown/">Markdown 语法手册</a>。</p> <p>这是一条文字样式测试，检查中文与英文的混排，以及手机上的自动换行。</p> yueheihttps://33.ax/authors/yuehei/https://33.ax/notes/markdown-quote-test/2026-10-18T22:56:00+08:002026-10-18T22:56:00+08:00

<h3 class="heading-element" id="排版示例"><span>排版示例</span> <a href="#%e6%8e%92%e7%89%88%e7%a4%ba%e4%be%8b" class="heading-mark"><svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a> </h3><blockquote> <p>零散的内容也可以先记下来，等想法更清楚时，再整理成文章或 Wiki。</p> </blockquote>

<h3 class="heading-element" id="排版示例"><span>排版示例</span> <a href="#%e6%8e%92%e7%89%88%e7%a4%ba%e4%be%8b" class="heading-mark"><svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a> </h3><blockquote> <p>零散的内容也可以先记下来，等想法更清楚时，再整理成文章或 Wiki。</p> </blockquote> <p>这是一段引用样式的示例，不是外部摘录。<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p> <div class="footnotes" role="doc-endnotes"> <hr> <ol> <li id="fn:1"> <p>这条脚注属于当前记录，用来测试列表中的跳转与返回。&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p> </li> </ol> </div> yueheihttps://33.ax/authors/yuehei/https://33.ax/notes/markdown-list-test/2026-10-18T22:55:00+08:002026-10-18T22:55:00+08:00

<p>这条测试记录包含：</p> <ul> <li>普通段落与一个小标题。</li> <li>列表、引用、链接和代码块。</li> <li>配图，以及可以跳转的标签。</li> </ul> <p>这是从 Hello World 拆出的列表示例。<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p> <div class="footnotes" role="doc-endnotes"> <hr> <ol> <li id="fn:1"> <p>这条记录也使用编号 1；它应跳转到自己的脚注。&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p> </li> </ol> </div>

<p>这条测试记录包含：</p> <ul> <li>普通段落与一个小标题。</li> <li>列表、引用、链接和代码块。</li> <li>配图，以及可以跳转的标签。</li> </ul> <p>这是从 Hello World 拆出的列表示例。<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p> <div class="footnotes" role="doc-endnotes"> <hr> <ol> <li id="fn:1"> <p>这条记录也使用编号 1；它应跳转到自己的脚注。&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p> </li> </ol> </div> yueheihttps://33.ax/authors/yuehei/https://33.ax/notes/seven-images-test/2026-10-18T22:54:00+08:002026-10-18T22:54:00+08:00

<p>七张图片放在同一条「瞬间」里，测试<strong>六格预览和剩余数量提示</strong>。</p> <p>页面先显示六张，第六格上的 <code>+1</code> 表示还有一张。点击任意图片打开灯箱后，可以继续浏览整组图片。</p>

<p>七张图片放在同一条「瞬间」里，测试<strong>六格预览和剩余数量提示</strong>。</p> <p>页面先显示六张，第六格上的 <code>+1</code> 表示还有一张。点击任意图片打开灯箱后，可以继续浏览整组图片。</p> <div class="note-gallery note-gallery--trio" role="group" aria-label="配图，共 7 张"><div class="note-gallery-tile"><a class="lightgallery" target="_blank" href="/images/landscapes/alpine-lake-day_hu_46734f3782110e92.webp" title="高山静湖，日景" data-thumbnail="/images/landscapes/alpine-lake-day_hu_46734f3782110e92.webp" data-sub-html="<h2>高山静湖，日景</h2>"><img loading="lazy" src='/images/landscapes/alpine-lake-day_hu_46734f3782110e92.webp' alt="高山静湖，日景" height="364" width="1080" decoding="async"></a></div><div class="note-gallery-tile"><a class="lightgallery" target="_blank" href="/images/landscapes/alpine-lake-dusk_hu_8a1a038d3be174ba.webp" title="高山静湖，暮色" data-thumbnail="/images/landscapes/alpine-lake-dusk_hu_8a1a038d3be174ba.webp" data-sub-html="<h2>高山静湖，暮色</h2>"><img loading="lazy" src='/images/landscapes/alpine-lake-dusk_hu_8a1a038d3be174ba.webp' alt="高山静湖，暮色" height="364" width="1080" decoding="async"></a></div><div class="note-gallery-tile"><a class="lightgallery" target="_blank" href="/images/landscapes/unsplash-dolomites-lake_hu_b92d2018b4814f25.webp" title="多洛米蒂山湖" data-thumbnail="/images/landscapes/unsplash-dolomites-lake_hu_b92d2018b4814f25.webp" data-sub-html="<h2>多洛米蒂山湖</h2>"><img loading="lazy" src='/images/landscapes/unsplash-dolomites-lake_hu_b92d2018b4814f25.webp' alt="多洛米蒂山湖" height="1440" width="1080" decoding="async"></a></div><div class="note-gallery-tile"><a class="lightgallery" target="_blank" href="/images/landscapes/unsplash-braies-luca_hu_6af4dd3b1c140a58.webp" title="布莱埃斯湖" data-thumbnail="/images/landscapes/unsplash-braies-luca_hu_6af4dd3b1c140a58.webp" data-sub-html="<h2>布莱埃斯湖</h2>"><img loading="lazy" src='/images/landscapes/unsplash-braies-luca_hu_6af4dd3b1c140a58.webp' alt="布莱埃斯湖" height="1620" width="1080" decoding="async"></a></div><div class="note-gallery-tile"><a class="lightgallery" target="_blank" href="/images/landscapes/unsplash-moraine-sun_hu_31c3850329b94686.webp" title="梦莲湖晴日" data-thumbnail="/images/landscapes/unsplash-moraine-sun_hu_31c3850329b94686.webp" data-sub-html="<h2>梦莲湖晴日</h2>"><img loading="lazy" src='/images/landscapes/unsplash-moraine-sun_hu_31c3850329b94686.webp' alt="梦莲湖晴日" height="1620" width="1080" decoding="async"></a></div><div class="note-gallery-tile" data-more="+1"><a class="lightgallery" target="_blank" href="/images/landscapes/pexels-logan_hu_39c0e365a9f2178.webp" title="开阔太浩湖" data-thumbnail="/images/landscapes/pexels-logan_hu_39c0e365a9f2178.webp" data-sub-html="<h2>开阔太浩湖</h2>"><img loading="lazy" src='/images/landscapes/pexels-logan_hu_39c0e365a9f2178.webp' alt="开阔太浩湖" height="720" width="1080" decoding="async"></a></div><div class="note-gallery-tile note-gallery-tile--extra"><a class="lightgallery" target="_blank" href="/images/landscapes/pexels-jade-dragon_hu_d5eebaf51d3033a1.webp" title="玉龙雪山秋色" data-thumbnail="/images/landscapes/pexels-jade-dragon_hu_d5eebaf51d3033a1.webp" data-sub-html="<h2>玉龙雪山秋色</h2>"><img loading="lazy" src='/images/landscapes/pexels-jade-dragon_hu_d5eebaf51d3033a1.webp' alt="玉龙雪山秋色" height="751" width="1080" decoding="async"></a></div></div> <p>这组配图混合了横图、竖图与宽幅图片。所有图片都复用站内素材，仅供相册布局测试。</p> yueheihttps://33.ax/authors/yuehei/https://33.ax/notes/four-images-test/2026-10-18T22:53:00+08:002026-10-18T22:53:00+08:00

<p>这是一条<strong>四图测试</strong>，用两行两列展示四张风景图片。</p> <ul> <li>检查四格之间的间距与圆角。</li> <li>检查横图、竖图混排时的裁切。</li> <li>点击图片，比较缩略图与完整画面。</li> </ul> <div class="note-gallery note-gallery--pair" role="group" aria-label="配图，共 4 张"><div class="note-gallery-tile"><a class="lightgallery" target="_blank" href="/images/landscapes/unsplash-dolomites-lake_hu_b92d2018b4814f25.webp" title="多洛米蒂山湖" data-thumbnail="/images/landscapes/unsplash-dolomites-lake_hu_b92d2018b4814f25.webp" data-sub-html="<h2>多洛米蒂山湖</h2>"><img loading="lazy" src='/images/landscapes/unsplash-dolomites-lake_hu_b92d2018b4814f25.webp' alt="多洛米蒂山湖" height="1440" width="1080" decoding="async"></a></div><div class="note-gallery-tile"><a class="lightgallery" target="_blank" href="/images/landscapes/unsplash-braies-luca_hu_6af4dd3b1c140a58.webp" title="布莱埃斯湖" data-thumbnail="/images/landscapes/unsplash-braies-luca_hu_6af4dd3b1c140a58.webp" data-sub-html="<h2>布莱埃斯湖</h2>"><img loading="lazy" src='/images/landscapes/unsplash-braies-luca_hu_6af4dd3b1c140a58.webp' alt="布莱埃斯湖" height="1620" width="1080" decoding="async"></a></div><div class="note-gallery-tile"><a class="lightgallery" target="_blank" href="/images/landscapes/unsplash-moraine-sun_hu_31c3850329b94686.webp" title="梦莲湖晴日" data-thumbnail="/images/landscapes/unsplash-moraine-sun_hu_31c3850329b94686.webp" data-sub-html="<h2>梦莲湖晴日</h2>"><img loading="lazy" src='/images/landscapes/unsplash-moraine-sun_hu_31c3850329b94686.webp' alt="梦莲湖晴日" height="1620" width="1080" decoding="async"></a></div><div class="note-gallery-tile"><a class="lightgallery" target="_blank" href="/images/landscapes/pexels-logan_hu_39c0e365a9f2178.webp" title="开阔太浩湖" data-thumbnail="/images/landscapes/pexels-logan_hu_39c0e365a9f2178.webp" data-sub-html="<h2>开阔太浩湖</h2>"><img loading="lazy" src='/images/landscapes/pexels-logan_hu_39c0e365a9f2178.webp' alt="开阔太浩湖" height="720" width="1080" decoding="async"></a></div></div> <p>配图复用站内素材，仅供布局测试。</p>

<p>这是一条<strong>四图测试</strong>，用两行两列展示四张风景图片。</p> <ul> <li>检查四格之间的间距与圆角。</li> <li>检查横图、竖图混排时的裁切。</li> <li>点击图片，比较缩略图与完整画面。</li> </ul> <div class="note-gallery note-gallery--pair" role="group" aria-label="配图，共 4 张"><div class="note-gallery-tile"><a class="lightgallery" target="_blank" href="/images/landscapes/unsplash-dolomites-lake_hu_b92d2018b4814f25.webp" title="多洛米蒂山湖" data-thumbnail="/images/landscapes/unsplash-dolomites-lake_hu_b92d2018b4814f25.webp" data-sub-html="<h2>多洛米蒂山湖</h2>"><img loading="lazy" src='/images/landscapes/unsplash-dolomites-lake_hu_b92d2018b4814f25.webp' alt="多洛米蒂山湖" height="1440" width="1080" decoding="async"></a></div><div class="note-gallery-tile"><a class="lightgallery" target="_blank" href="/images/landscapes/unsplash-braies-luca_hu_6af4dd3b1c140a58.webp" title="布莱埃斯湖" data-thumbnail="/images/landscapes/unsplash-braies-luca_hu_6af4dd3b1c140a58.webp" data-sub-html="<h2>布莱埃斯湖</h2>"><img loading="lazy" src='/images/landscapes/unsplash-braies-luca_hu_6af4dd3b1c140a58.webp' alt="布莱埃斯湖" height="1620" width="1080" decoding="async"></a></div><div class="note-gallery-tile"><a class="lightgallery" target="_blank" href="/images/landscapes/unsplash-moraine-sun_hu_31c3850329b94686.webp" title="梦莲湖晴日" data-thumbnail="/images/landscapes/unsplash-moraine-sun_hu_31c3850329b94686.webp" data-sub-html="<h2>梦莲湖晴日</h2>"><img loading="lazy" src='/images/landscapes/unsplash-moraine-sun_hu_31c3850329b94686.webp' alt="梦莲湖晴日" height="1620" width="1080" decoding="async"></a></div><div class="note-gallery-tile"><a class="lightgallery" target="_blank" href="/images/landscapes/pexels-logan_hu_39c0e365a9f2178.webp" title="开阔太浩湖" data-thumbnail="/images/landscapes/pexels-logan_hu_39c0e365a9f2178.webp" data-sub-html="<h2>开阔太浩湖</h2>"><img loading="lazy" src='/images/landscapes/pexels-logan_hu_39c0e365a9f2178.webp' alt="开阔太浩湖" height="720" width="1080" decoding="async"></a></div></div> <p>配图复用站内素材，仅供布局测试。</p> yueheihttps://33.ax/authors/yuehei/https://33.ax/notes/three-images-test/2026-10-18T22:52:00+08:002026-10-18T22:52:00+08:00

<p>三张图片，试试<strong>左侧大图、右侧两张小图</strong>的拼图方式。</p> <p>缩略图会裁切填满格子，点击后可以查看完整画面。这里复用站内风景素材，日景和暮色两张为 AI 生成图片。</p>

<p>三张图片，试试<strong>左侧大图、右侧两张小图</strong>的拼图方式。</p> <p>缩略图会裁切填满格子，点击后可以查看完整画面。这里复用站内风景素材，日景和暮色两张为 AI 生成图片。</p> <div class="note-gallery note-gallery--mosaic" role="group" aria-label="配图，共 3 张"><div class="note-gallery-tile"><a class="lightgallery" target="_blank" href="/images/landscapes/alpine-lake-day_hu_46734f3782110e92.webp" title="高山静湖，日景" data-thumbnail="/images/landscapes/alpine-lake-day_hu_46734f3782110e92.webp" data-sub-html="<h2>高山静湖，日景</h2>"><img loading="lazy" src='/images/landscapes/alpine-lake-day_hu_46734f3782110e92.webp' alt="高山静湖，日景" height="364" width="1080" decoding="async"></a></div><div class="note-gallery-tile"><a class="lightgallery" target="_blank" href="/images/landscapes/alpine-lake-dusk_hu_8a1a038d3be174ba.webp" title="高山静湖，暮色" data-thumbnail="/images/landscapes/alpine-lake-dusk_hu_8a1a038d3be174ba.webp" data-sub-html="<h2>高山静湖，暮色</h2>"><img loading="lazy" src='/images/landscapes/alpine-lake-dusk_hu_8a1a038d3be174ba.webp' alt="高山静湖，暮色" height="364" width="1080" decoding="async"></a></div><div class="note-gallery-tile"><a class="lightgallery" target="_blank" href="/images/landscapes/unsplash-dolomites-lake_hu_b92d2018b4814f25.webp" title="多洛米蒂山湖" data-thumbnail="/images/landscapes/unsplash-dolomites-lake_hu_b92d2018b4814f25.webp" data-sub-html="<h2>多洛米蒂山湖</h2>"><img loading="lazy" src='/images/landscapes/unsplash-dolomites-lake_hu_b92d2018b4814f25.webp' alt="多洛米蒂山湖" height="1440" width="1080" decoding="async"></a></div></div> <p>同一组图片放在一起，卡片不必拉得很长。</p> yueheihttps://33.ax/authors/yuehei/https://33.ax/notes/single-image-test/2026-10-18T22:51:00+08:002026-10-18T22:51:00+08:00

<p>这是一条<strong>单张竖图测试</strong>。配图复用站内的布莱埃斯湖素材，原图比例为 2:3。</p> <p>这里不把它裁成横图或正方形，而是完整显示画面，限制预览高度。桌面端右侧会自然留白，手机端也应保持同样的比例。</p>

<p>这是一条<strong>单张竖图测试</strong>。配图复用站内的布莱埃斯湖素材，原图比例为 2:3。</p> <p>这里不把它裁成横图或正方形，而是完整显示画面，限制预览高度。桌面端右侧会自然留白，手机端也应保持同样的比例。</p> <div class="note-gallery note-gallery--single" role="group" aria-label="配图，共 1 张"><div class="note-gallery-tile"><a class="lightgallery" target="_blank" href="/images/landscapes/unsplash-braies-luca_hu_6af4dd3b1c140a58.webp" title="布莱埃斯湖" data-thumbnail="/images/landscapes/unsplash-braies-luca_hu_6af4dd3b1c140a58.webp" data-sub-html="<h2>布莱埃斯湖</h2>"><img loading="lazy" src='/images/landscapes/unsplash-braies-luca_hu_6af4dd3b1c140a58.webp' alt="布莱埃斯湖" height="1620" width="1080" decoding="async"></a></div></div> <p>点击图片可以放大查看。这不是实地旅行记录，仅用于检查竖图的展示效果。</p> yueheihttps://33.ax/authors/yuehei/https://33.ax/notes/text-test/2026-10-18T22:50:00+08:002026-10-18T22:50:00+08:00

<p>这是一条<strong>纯文字测试</strong>，看看没有配图时，卡片是否足够自然。</p> <p>「瞬间」可以先容纳一个尚未展开的念头。等有了更多材料，再把它整理进文章或 Wiki；也可以就停在这里，保留一段短短的记录。</p>

<p>这是一条<strong>纯文字测试</strong>，看看没有配图时，卡片是否足够自然。</p> <p>「瞬间」可以先容纳一个尚未展开的念头。等有了更多材料，再把它整理进文章或 Wiki；也可以就停在这里，保留一段短短的记录。</p> <blockquote> <p>以下只是排版示例，不是待办任务。</p> </blockquote> <ul> <li>一个想法，用两三句话说清楚。</li> <li>一段摘录，补上来源和当时的理解。</li> <li>一个链接，留下以后还能看懂的说明。</li> </ul> <p>更多排版用法可以查看 <a href="/collections/markdown/">Markdown 语法手册</a>。</p> yueheihttps://33.ax/authors/yuehei/https://33.ax/notes/markdown-code-test/2026-10-18T22:49:00+08:002026-10-18T22:49:00+08:00

<p>一个简短的 Markdown 代码示例：</p> <pre><code>**一个瞬间**，也值得留下。 - 记下想法 - 附上一张图片</code></pre><p>代码块沿用主题的行号、复制和自动换行功能。</p>

<p>一个简短的 Markdown 代码示例：</p> <pre><code>**一个瞬间**，也值得留下。 - 记下想法 - 附上一张图片</code></pre><p>代码块沿用主题的行号、复制和自动换行功能。</p> yueheihttps://33.ax/authors/yuehei/https://33.ax/notes/day-and-dusk-test/2026-10-18T22:48:00+08:002026-10-18T22:48:00+08:00

<p>下面复用两张首页背景图：一张是日景，一张是暮色，用来检查两图布局和点击放大的效果。这些是 AI 生成的测试配图，不是实地拍摄记录。</p> <div class="note-gallery note-gallery--pair" role="group" aria-label="配图，共 2 张"><div class="note-gallery-tile"><a class="lightgallery" target="_blank" href="/images/landscapes/alpine-lake-day_hu_46734f3782110e92.webp" title="高山静湖，日景" data-thumbnail="/images/landscapes/alpine-lake-day_hu_46734f3782110e92.webp" data-sub-html="<h2>高山静湖，日景</h2>"><img loading="lazy" src='/images/landscapes/alpine-lake-day_hu_46734f3782110e92.webp' alt="高山静湖，日景" height="364" width="1080" decoding="async"></a></div><div class="note-gallery-tile"><a class="lightgallery" target="_blank" href="/images/landscapes/alpine-lake-dusk_hu_8a1a038d3be174ba.webp" title="高山静湖，暮色" data-thumbnail="/images/landscapes/alpine-lake-dusk_hu_8a1a038d3be174ba.webp" data-sub-html="<h2>高山静湖，暮色</h2>"><img loading="lazy" src='/images/landscapes/alpine-lake-dusk_hu_8a1a038d3be174ba.webp' alt="高山静湖，暮色" height="364" width="1080" decoding="async"></a></div></div> <p>图片之后仍然可以接着写文字，保持卡片内的阅读顺序。</p>

<p>下面复用两张首页背景图：一张是日景，一张是暮色，用来检查两图布局和点击放大的效果。这些是 AI 生成的测试配图，不是实地拍摄记录。</p> <div class="note-gallery note-gallery--pair" role="group" aria-label="配图，共 2 张"><div class="note-gallery-tile"><a class="lightgallery" target="_blank" href="/images/landscapes/alpine-lake-day_hu_46734f3782110e92.webp" title="高山静湖，日景" data-thumbnail="/images/landscapes/alpine-lake-day_hu_46734f3782110e92.webp" data-sub-html="<h2>高山静湖，日景</h2>"><img loading="lazy" src='/images/landscapes/alpine-lake-day_hu_46734f3782110e92.webp' alt="高山静湖，日景" height="364" width="1080" decoding="async"></a></div><div class="note-gallery-tile"><a class="lightgallery" target="_blank" href="/images/landscapes/alpine-lake-dusk_hu_8a1a038d3be174ba.webp" title="高山静湖，暮色" data-thumbnail="/images/landscapes/alpine-lake-dusk_hu_8a1a038d3be174ba.webp" data-sub-html="<h2>高山静湖，暮色</h2>"><img loading="lazy" src='/images/landscapes/alpine-lake-dusk_hu_8a1a038d3be174ba.webp' alt="高山静湖，暮色" height="364" width="1080" decoding="async"></a></div></div> <p>图片之后仍然可以接着写文字，保持卡片内的阅读顺序。</p>