https://33.ax/tags/%E6%B5%8B%E8%AF%95/连接点303 · 记录点东西Hugo 0.167.0 & FixIt v1.0.0-beta.4zh-CNSun, 18 Oct 2026 22:58:32 +0800https://33.ax/notes/hello-world/Sun, 18 Oct 2026 22:58:32 +0800https://33.ax/notes/hello-world/<p><strong>Hello World！</strong> 这是「瞬间」的第一条测试记录。👋</p> <p>这里用来放一些短小的记录：一个刚冒出来的想法、一段值得留下的话，或者几张图片。内容仍然保存在本地 Markdown 中，和博客一起构建、发布。</p>https://33.ax/notes/markdown-inline-test/Sun, 18 Oct 2026 22:57:00 +0800https://33.ax/notes/markdown-inline-test/<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="https://33.ax/collections/markdown/">Markdown 语法手册</a>。</p>https://33.ax/notes/markdown-quote-test/Sun, 18 Oct 2026 22:56:00 +0800https://33.ax/notes/markdown-quote-test/<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>https://33.ax/notes/markdown-list-test/Sun, 18 Oct 2026 22:55:00 +0800https://33.ax/notes/markdown-list-test/<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>https://33.ax/notes/seven-images-test/Sun, 18 Oct 2026 22:54:00 +0800https://33.ax/notes/seven-images-test/<p>七张图片放在同一条「瞬间」里，测试<strong>六格预览和剩余数量提示</strong>。</p> <p>页面先显示六张，第六格上的 <code>+1</code> 表示还有一张。点击任意图片打开灯箱后，可以继续浏览整组图片。</p>https://33.ax/notes/four-images-test/Sun, 18 Oct 2026 22:53:00 +0800https://33.ax/notes/four-images-test/<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="https://33.ax/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='https://33.ax/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="https://33.ax/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='https://33.ax/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="https://33.ax/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='https://33.ax/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="https://33.ax/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='https://33.ax/images/landscapes/pexels-logan_hu_39c0e365a9f2178.webp' alt="开阔太浩湖" height="720" width="1080" decoding="async"></a></div></div> <p>配图复用站内素材，仅供布局测试。</p>https://33.ax/notes/three-images-test/Sun, 18 Oct 2026 22:52:00 +0800https://33.ax/notes/three-images-test/<p>三张图片，试试<strong>左侧大图、右侧两张小图</strong>的拼图方式。</p> <p>缩略图会裁切填满格子，点击后可以查看完整画面。这里复用站内风景素材，日景和暮色两张为 AI 生成图片。</p>https://33.ax/notes/single-image-test/Sun, 18 Oct 2026 22:51:00 +0800https://33.ax/notes/single-image-test/<p>这是一条<strong>单张竖图测试</strong>。配图复用站内的布莱埃斯湖素材，原图比例为 2:3。</p> <p>这里不把它裁成横图或正方形，而是完整显示画面，限制预览高度。桌面端右侧会自然留白，手机端也应保持同样的比例。</p>https://33.ax/notes/text-test/Sun, 18 Oct 2026 22:50:00 +0800https://33.ax/notes/text-test/<p>这是一条<strong>纯文字测试</strong>，看看没有配图时，卡片是否足够自然。</p> <p>「瞬间」可以先容纳一个尚未展开的念头。等有了更多材料，再把它整理进文章或 Wiki；也可以就停在这里，保留一段短短的记录。</p>https://33.ax/notes/markdown-code-test/Sun, 18 Oct 2026 22:49:00 +0800https://33.ax/notes/markdown-code-test/<p>一个简短的 Markdown 代码示例：</p> <div class="code-block highlight" data-mode="classic" data-copyable="true"><div class="chroma"> <div class="code-header language-markdown"><span class="code-title"><i class="arrow fa-solid fa-chevron-down" aria-hidden="true"></i></span><button type="button" class="ellipses-btn" aria-label="Show more options"><i class="fa-solid fa-ellipsis-h" aria-hidden="true"></i></button><button type="button" class="action-btn line-nos-btn" aria-label="切换行号" title="切换行号"><i class="fa-solid fa-list-ol" aria-hidden="true"></i></button><button type="button" class="action-btn line-wrap-btn" aria-label="切换自动换行" title="切换自动换行"><i class="fa-solid fa-right-left" aria-hidden="true"></i></button><button type="button" class="action-btn copy-btn" aria-label="复制到剪贴板" title="复制到剪贴板" data-copied-text="已复制"><i class="fa-regular fa-clone" aria-hidden="true"></i></button><button type="button" class="action-btn fullscreen-btn" aria-label="全屏" title="全屏" data-exit-title="退出全屏"><i class="fa-solid fa-expand" aria-hidden="true"></i></button></div><div class="code-wrapper" data-max="10" data-line-digit="1" style="--fi-max-shown-lines:10;--fi-line-digit:1;--fi-line-start:1;"><table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span><span class="lnt">2 </span><span class="lnt">3 </span><span class="lnt">4 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">**一个瞬间**，也值得留下。 </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="k">-</span> 记下想法 </span></span><span class="line"><span class="cl">- 附上一张图片</span></span></code></pre></td></tr></table></div> </div> </div><p>代码块沿用主题的行号、复制和自动换行功能。</p>https://33.ax/notes/day-and-dusk-test/Sun, 18 Oct 2026 22:48:00 +0800https://33.ax/notes/day-and-dusk-test/<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="https://33.ax/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='https://33.ax/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="https://33.ax/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='https://33.ax/images/landscapes/alpine-lake-dusk_hu_8a1a038d3be174ba.webp' alt="高山静湖，暮色" height="364" width="1080" decoding="async"></a></div></div> <p>图片之后仍然可以接着写文字，保持卡片内的阅读顺序。</p>