<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Hextra – 博客</title><link>https://deploy-preview-1046--hugo-hextra.netlify.app/zh-cn/blog/</link><description>Recent content in 博客 on Hextra</description><generator>Hugo -- gohugo.io</generator><language>zh-cn</language><atom:link href="https://deploy-preview-1046--hugo-hextra.netlify.app/zh-cn/blog/index.xml" rel="self" type="application/rss+xml"/><item><title>Hextra v0.13</title><link>https://deploy-preview-1046--hugo-hextra.netlify.app/zh-cn/blog/v0.13/</link><pubDate>Tue, 29 Sep 2026 00:00:00 +0100</pubDate><guid>https://deploy-preview-1046--hugo-hextra.netlify.app/zh-cn/blog/v0.13/</guid><description>
&lt;p&gt;Hextra v0.13.0 带来了全新的搜索体验（在移动端和桌面端都同样流畅）、带灯箱的图片库短代码、可折叠提示框、远程图标包，以及改进的 Jupyter 笔记本渲染，同时包含搜索可靠性改进和错误修复。&lt;/p&gt;
&lt;h2 data-hextra-search-id="升级指南"&gt;升级指南&lt;span class="hx:absolute hx:-mt-20" id="升级指南"&gt;&lt;/span&gt;
&lt;a href="#%e5%8d%87%e7%ba%a7%e6%8c%87%e5%8d%97" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;对大多数站点而言没有破坏性变更。使用 &lt;a href="https://gohugo.io/hugo-modules/use-modules/" target="_blank" rel="noopener"&gt;Hugo Modules&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; 更新：&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;hugo mod get -u github.com/imfing/hextra&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-0"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;如果您使用 CSS 自定义了搜索界面，请参阅&lt;a href="#search-css-changes"&gt;搜索 CSS 变更&lt;/a&gt;。&lt;/p&gt;
&lt;h2 data-hextra-search-id="亮点"&gt;亮点&lt;span class="hx:absolute hx:-mt-20" id="亮点"&gt;&lt;/span&gt;
&lt;a href="#%e4%ba%ae%e7%82%b9" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;全新的搜索体验，在移动端和桌面端都同样流畅&lt;/li&gt;
&lt;li&gt;图片库短代码，提供 PhotoSwipe 灯箱以及网格、轮播和拼贴布局&lt;/li&gt;
&lt;li&gt;可折叠提示框，支持自定义标题，兼容 Obsidian callouts&lt;/li&gt;
&lt;li&gt;远程图标包：Lucide、Tabler Icons 和 Simple Icons&lt;/li&gt;
&lt;li&gt;改进的 Jupyter 笔记本渲染，支持 In/Out 提示符和更多输出类型&lt;/li&gt;
&lt;li&gt;自定义页面部分 partial，可在页面正文前后注入内容&lt;/li&gt;
&lt;li&gt;为搜索数据文件添加指纹（fingerprint），搜索结果更简洁&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 data-hextra-search-id="新功能"&gt;新功能&lt;span class="hx:absolute hx:-mt-20" id="新功能"&gt;&lt;/span&gt;
&lt;a href="#%e6%96%b0%e5%8a%9f%e8%83%bd" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;h3 data-hextra-search-id="全新的搜索体验"&gt;全新的搜索体验&lt;span class="hx:absolute hx:-mt-20" id="全新的搜索体验"&gt;&lt;/span&gt;
&lt;a href="#%e5%85%a8%e6%96%b0%e7%9a%84%e6%90%9c%e7%b4%a2%e4%bd%93%e9%aa%8c" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;&lt;img src="https://github.com/user-attachments/assets/40d1e7ac-9b25-4b94-b37b-c61b9414fc8d" alt="New search dialog on desktop" data-zoomable loading="lazy" /&gt;&lt;/p&gt;
&lt;p&gt;搜索功能已全面重新设计为命令面板式对话框，在移动端和桌面端都同样流畅。在桌面端，可在任意页面按 &lt;kbd&gt;⌘&lt;/kbd&gt;+&lt;kbd&gt;K&lt;/kbd&gt;（Windows 和 Linux 上为 &lt;kbd&gt;Ctrl&lt;/kbd&gt;+&lt;kbd&gt;K&lt;/kbd&gt;）或 &lt;kbd&gt;/&lt;/kbd&gt; 打开搜索；在移动端，点击导航栏中的搜索图标即可打开同样完整的搜索对话框。&lt;/p&gt;
&lt;img width="320" style="margin-inline: auto" alt="New search dialog on mobile" data-zoomable loading="lazy" src="https://github.com/user-attachments/assets/5a6fe21f-a8b6-4b28-b561-cb04f1cd1234" /&gt;
&lt;p&gt;搜索结果带有面包屑标签，便于了解每条结果所在的位置；整个对话框都可以通过键盘操作，打开和关闭时也有流畅的动画。如果希望在桌面端同样使用仅图标的触发按钮，可在搜索菜单项上设置 &lt;code&gt;params.icon&lt;/code&gt;：&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div class="hextra-code-filename not-prose" dir="auto"&gt;hugo.yaml&lt;/div&gt;&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;menu&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;main&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;- &lt;span class="nt"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;Search&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;weight&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="m"&gt;5&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;params&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;type&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;search&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;icon&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;search&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-8"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;搜索结果现在也更加简洁：摘要中的 HTML 标签会被移除，标题锚点中的内联标记得到正确处理，并且搜索数据文件在生产环境中会添加指纹（fingerprint），部署后索引更新可立即生效。&lt;/p&gt;
&lt;h3 data-hextra-search-id="图片库短代码"&gt;图片库短代码&lt;span class="hx:absolute hx:-mt-20" id="图片库短代码"&gt;&lt;/span&gt;
&lt;a href="#%e5%9b%be%e7%89%87%e5%ba%93%e7%9f%ad%e4%bb%a3%e7%a0%81" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;新的 &lt;a href="https://deploy-preview-1046--hugo-hextra.netlify.app/zh-cn/docs/guide/shortcodes/gallery/"&gt;&lt;code&gt;gallery&lt;/code&gt; 短代码&lt;/a&gt;用于展示一组图片，提供交互式 &lt;a href="https://photoswipe.com/" target="_blank" rel="noopener"&gt;PhotoSwipe&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; 灯箱，包括全屏查看、上一张/下一张导航、图片说明和键盘支持。&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;{{&amp;lt; gallery &amp;gt;}}
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; {{&amp;lt; gallery-item src=&amp;#34;https://picsum.photos/id/1015/1600/1200&amp;#34; thumb=&amp;#34;https://picsum.photos/id/1015/800/600&amp;#34; width=&amp;#34;1600&amp;#34; height=&amp;#34;1200&amp;#34; caption=&amp;#34;河谷&amp;#34; &amp;gt;}}
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; {{&amp;lt; gallery-item src=&amp;#34;https://picsum.photos/id/1018/1600/1200&amp;#34; thumb=&amp;#34;https://picsum.photos/id/1018/800/600&amp;#34; width=&amp;#34;1600&amp;#34; height=&amp;#34;1200&amp;#34; caption=&amp;#34;高山湖泊&amp;#34; &amp;gt;}}
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; {{&amp;lt; gallery-item src=&amp;#34;https://picsum.photos/id/1019/1600/1200&amp;#34; thumb=&amp;#34;https://picsum.photos/id/1019/800/600&amp;#34; width=&amp;#34;1600&amp;#34; height=&amp;#34;1200&amp;#34; caption=&amp;#34;林间小径&amp;#34; &amp;gt;}}
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;{{&amp;lt; /gallery &amp;gt;}}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-0"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div
id="hextra-gallery-1"
class="hextra-gallery hextra-gallery--grid not-prose"
data-pswp-gallery="#hextra-gallery-1"
style="--hextra-gallery-cols: 3; --hextra-gallery-gap: 0.5rem;"
&gt;
&lt;figure class="hextra-gallery__item"&gt;
&lt;a
class="hextra-gallery__link"
href="https://picsum.photos/id/1015/1600/1200" data-pswp-width="1600" data-pswp-height="1200"&gt;
&lt;img
src="https://picsum.photos/id/1015/800/600"
alt="河谷"
loading="lazy"
decoding="async"/&gt;
&lt;/a&gt;&lt;figcaption class="hextra-gallery__caption"&gt;河谷&lt;/figcaption&gt;&lt;/figure&gt;
&lt;figure class="hextra-gallery__item"&gt;
&lt;a
class="hextra-gallery__link"
href="https://picsum.photos/id/1018/1600/1200" data-pswp-width="1600" data-pswp-height="1200"&gt;
&lt;img
src="https://picsum.photos/id/1018/800/600"
alt="高山湖泊"
loading="lazy"
decoding="async"/&gt;
&lt;/a&gt;&lt;figcaption class="hextra-gallery__caption"&gt;高山湖泊&lt;/figcaption&gt;&lt;/figure&gt;
&lt;figure class="hextra-gallery__item"&gt;
&lt;a
class="hextra-gallery__link"
href="https://picsum.photos/id/1019/1600/1200" data-pswp-width="1600" data-pswp-height="1200"&gt;
&lt;img
src="https://picsum.photos/id/1019/800/600"
alt="林间小径"
loading="lazy"
decoding="async"/&gt;
&lt;/a&gt;&lt;figcaption class="hextra-gallery__caption"&gt;林间小径&lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;通过 &lt;code&gt;type&lt;/code&gt; 参数可选择三种布局类型：统一的 &lt;code&gt;grid&lt;/code&gt; 网格（默认）、可横向滚动的 &lt;code&gt;carousel&lt;/code&gt; 轮播，以及允许项目跨越多列或多行的 &lt;code&gt;mosaic&lt;/code&gt; 拼贴布局。图片来源支持本地页面资源包、全局资源、静态文件和远程 URL。&lt;/p&gt;
&lt;h3 data-hextra-search-id="可折叠提示框"&gt;可折叠提示框&lt;span class="hx:absolute hx:-mt-20" id="可折叠提示框"&gt;&lt;/span&gt;
&lt;a href="#%e5%8f%af%e6%8a%98%e5%8f%a0%e6%8f%90%e7%a4%ba%e6%a1%86" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;&lt;a href="https://deploy-preview-1046--hugo-hextra.netlify.app/zh-cn/docs/guide/markdown/#alerts"&gt;提示框&lt;/a&gt;现在支持扩展语法，可实现内容折叠和自定义标题。在提示框类型后添加 &lt;code&gt;+&lt;/code&gt; 或 &lt;code&gt;-&lt;/code&gt; 使其可折叠，标记后的文字将作为标题。该语法兼容 &lt;a href="https://help.obsidian.md/Editing&amp;#43;and&amp;#43;formatting/Callouts" target="_blank" rel="noopener"&gt;Obsidian callouts&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt;。&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div class="hextra-code-filename not-prose" dir="auto"&gt;Markdown&lt;/div&gt;&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;[!TIP]- 提示框可以折叠吗？
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&amp;gt; 可以。可折叠提示框在收起时会隐藏内容。&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-8"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div
data-alert="tip" data-alert-fold="-" class="hextra-alert"
&gt;
&lt;button type="button" class="hextra-alert-toggle" aria-expanded="false"&gt;
&lt;span class="hextra-alert-title"&gt;&lt;svg height=16px class="hextra-alert-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"&gt;&lt;path stroke-linecap="round" stroke-linejoin="round" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/&gt;&lt;/svg&gt;&lt;span class="hextra-alert-title-text"&gt;提示框可以折叠吗？&lt;/span&gt;
&lt;/span&gt;&lt;svg class="hextra-alert-chevron" focusable="false" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"&gt;&lt;path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/&gt;&lt;/svg&gt;&lt;/button&gt;
&lt;div class="hextra-alert-content"&gt;&lt;div class="hextra-alert-content-inner"&gt;&lt;p&gt;可以。可折叠提示框在收起时会隐藏内容。&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;h3 data-hextra-search-id="远程图标包"&gt;远程图标包&lt;span class="hx:absolute hx:-mt-20" id="远程图标包"&gt;&lt;/span&gt;
&lt;a href="#%e8%bf%9c%e7%a8%8b%e5%9b%be%e6%a0%87%e5%8c%85" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;除内置的 Heroicons 图标集外，&lt;a href="https://deploy-preview-1046--hugo-hextra.netlify.app/zh-cn/docs/guide/shortcodes/icon/"&gt;图标&lt;/a&gt;现在可以通过提供方前缀从远程图标包按需加载：&lt;/p&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;提供商&lt;/th&gt;
&lt;th&gt;示例&lt;/th&gt;
&lt;th style="text-align: center"&gt;图标&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://lucide.dev/icons/" target="_blank" rel="noopener"&gt;Lucide&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;{{&amp;lt; icon &amp;quot;lucide:rocket&amp;quot; &amp;gt;}}&lt;/code&gt;&lt;/td&gt;
&lt;td style="text-align: center"&gt;&lt;span class="hx:inline-block hx:align-text-bottom hextra-icon"&gt;&lt;!-- @license lucide-static v1.48.0 - ISC --&gt;
&lt;svg height=1em
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
&gt;
&lt;path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5" /&gt;
&lt;path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09" /&gt;
&lt;path d="M9 12a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.4 22.4 0 0 1-4 2z" /&gt;
&lt;path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 .05 5 .05" /&gt;
&lt;/svg&gt;
&lt;/span&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://lucide.dev/icons/" target="_blank" rel="noopener"&gt;Lucide&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;{{&amp;lt; icon &amp;quot;lucide:sparkles&amp;quot; &amp;gt;}}&lt;/code&gt;&lt;/td&gt;
&lt;td style="text-align: center"&gt;&lt;span class="hx:inline-block hx:align-text-bottom hextra-icon"&gt;&lt;!-- @license lucide-static v1.48.0 - ISC --&gt;
&lt;svg height=1em
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
&gt;
&lt;path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z" /&gt;
&lt;path d="M20 2v4" /&gt;
&lt;path d="M22 4h-4" /&gt;
&lt;circle cx="4" cy="20" r="2" /&gt;
&lt;/svg&gt;
&lt;/span&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://tabler.io/icons" target="_blank" rel="noopener"&gt;Tabler Icons&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;{{&amp;lt; icon &amp;quot;tabler:brand-github&amp;quot; &amp;gt;}}&lt;/code&gt;&lt;/td&gt;
&lt;td style="text-align: center"&gt;&lt;span class="hx:inline-block hx:align-text-bottom hextra-icon"&gt;&lt;svg height=1em
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
&gt;
&lt;path stroke="none" d="M0 0h24v24H0z" fill="none" /&gt;
&lt;path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /&gt;
&lt;/svg&gt;&lt;/span&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://tabler.io/icons" target="_blank" rel="noopener"&gt;Tabler Icons&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;{{&amp;lt; icon &amp;quot;tabler:database&amp;quot; &amp;gt;}}&lt;/code&gt;&lt;/td&gt;
&lt;td style="text-align: center"&gt;&lt;span class="hx:inline-block hx:align-text-bottom hextra-icon"&gt;&lt;svg height=1em
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
&gt;
&lt;path stroke="none" d="M0 0h24v24H0z" fill="none" /&gt;
&lt;path d="M4 6a8 3 0 1 0 16 0a8 3 0 1 0 -16 0" /&gt;
&lt;path d="M4 6v6a8 3 0 0 0 16 0v-6" /&gt;
&lt;path d="M4 12v6a8 3 0 0 0 16 0v-6" /&gt;
&lt;/svg&gt;&lt;/span&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://simpleicons.org/" target="_blank" rel="noopener"&gt;Simple Icons&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;{{&amp;lt; icon &amp;quot;simple:hugo&amp;quot; &amp;gt;}}&lt;/code&gt;&lt;/td&gt;
&lt;td style="text-align: center"&gt;&lt;span class="hx:inline-block hx:align-text-bottom hextra-icon"&gt;&lt;svg height=1em fill="currentColor" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;&lt;title&gt;Hugo&lt;/title&gt;&lt;path d="M11.754 0a3.998 3.998 0 00-2.049.596L3.33 4.532a4.252 4.252 0 00-2.017 3.615v8.03c0 1.473.79 2.838 2.067 3.574l6.486 3.733a3.88 3.88 0 003.835.018l7.043-3.966a3.817 3.817 0 001.943-3.323V7.752a3.57 3.57 0 00-1.774-3.084L13.817.541a3.998 3.998 0 00-2.063-.54zm.022 1.674c.413-.006.828.1 1.2.315l7.095 4.127c.584.34.941.96.94 1.635v8.462c0 .774-.414 1.484-1.089 1.864l-7.042 3.966a2.199 2.199 0 01-2.179-.01l-6.485-3.734a2.447 2.447 0 01-1.228-2.123v-8.03c0-.893.461-1.72 1.221-2.19l6.376-3.935a2.323 2.323 0 011.19-.347zm-4.7 3.844V18.37h2.69v-5.62h4.46v5.62h2.696V5.518h-2.696v4.681h-4.46V5.518Z"/&gt;&lt;/svg&gt;&lt;/span&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://simpleicons.org/" target="_blank" rel="noopener"&gt;Simple Icons&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;{{&amp;lt; icon &amp;quot;simple:markdown&amp;quot; &amp;gt;}}&lt;/code&gt;&lt;/td&gt;
&lt;td style="text-align: center"&gt;&lt;span class="hx:inline-block hx:align-text-bottom hextra-icon"&gt;&lt;svg height=1em fill="currentColor" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;&lt;title&gt;Markdown&lt;/title&gt;&lt;path d="M22.27 19.385H1.73A1.73 1.73 0 010 17.655V6.345a1.73 1.73 0 011.73-1.73h20.54A1.73 1.73 0 0124 6.345v11.308a1.73 1.73 0 01-1.73 1.731zM5.769 15.923v-4.5l2.308 2.885 2.307-2.885v4.5h2.308V8.078h-2.308l-2.307 2.885-2.308-2.885H3.46v7.847zM21.232 12h-2.309V8.077h-2.307V12h-2.308l3.461 4.039z"/&gt;&lt;/svg&gt;&lt;/span&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;支持的提供方包括 &lt;a href="https://lucide.dev/icons/" target="_blank" rel="noopener"&gt;Lucide&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt;、&lt;a href="https://tabler.io/icons" target="_blank" rel="noopener"&gt;Tabler Icons&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; 和 &lt;a href="https://simpleicons.org/" target="_blank" rel="noopener"&gt;Simple Icons&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt;。图标在构建时获取，可用于 Hextra 中任何接受图标名称的地方，包括卡片、标签页、徽章、提示框和导航栏菜单项。&lt;/p&gt;
&lt;p&gt;例如在徽章和卡片中使用：&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;{{&amp;lt; badge content=&amp;#34;Hugo&amp;#34; icon=&amp;#34;simple:hugo&amp;#34; &amp;gt;}}
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;{{&amp;lt; badge content=&amp;#34;Markdown&amp;#34; icon=&amp;#34;simple:markdown&amp;#34; &amp;gt;}}
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;{{&amp;lt; cards &amp;gt;}}
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; {{&amp;lt; card link=&amp;#34;https://lucide.dev/icons/&amp;#34; title=&amp;#34;Lucide&amp;#34; icon=&amp;#34;lucide:feather&amp;#34; &amp;gt;}}
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; {{&amp;lt; card link=&amp;#34;https://tabler.io/icons&amp;#34; title=&amp;#34;Tabler Icons&amp;#34; icon=&amp;#34;tabler:brand-tabler&amp;#34; &amp;gt;}}
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; {{&amp;lt; card link=&amp;#34;https://simpleicons.org/&amp;#34; title=&amp;#34;Simple Icons&amp;#34; icon=&amp;#34;simple:simpleicons&amp;#34; &amp;gt;}}
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;{{&amp;lt; /cards &amp;gt;}}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-0"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;div class="hextra-badge "&gt;
&lt;div class="hx:inline-flex hx:gap-1 hx:items-center hx:rounded-full hx:px-2.5 hx:leading-6 hx:text-[.65rem] hx:border hx:text-gray-600 hx:bg-gray-100 hx:dark:bg-neutral-800 hx:dark:text-neutral-200 hx:border-gray-200 hx:dark:border-neutral-700"&gt;&lt;svg height=12 fill="currentColor" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;&lt;title&gt;Hugo&lt;/title&gt;&lt;path d="M11.754 0a3.998 3.998 0 00-2.049.596L3.33 4.532a4.252 4.252 0 00-2.017 3.615v8.03c0 1.473.79 2.838 2.067 3.574l6.486 3.733a3.88 3.88 0 003.835.018l7.043-3.966a3.817 3.817 0 001.943-3.323V7.752a3.57 3.57 0 00-1.774-3.084L13.817.541a3.998 3.998 0 00-2.063-.54zm.022 1.674c.413-.006.828.1 1.2.315l7.095 4.127c.584.34.941.96.94 1.635v8.462c0 .774-.414 1.484-1.089 1.864l-7.042 3.966a2.199 2.199 0 01-2.179-.01l-6.485-3.734a2.447 2.447 0 01-1.228-2.123v-8.03c0-.893.461-1.72 1.221-2.19l6.376-3.935a2.323 2.323 0 011.19-.347zm-4.7 3.844V18.37h2.69v-5.62h4.46v5.62h2.696V5.518h-2.696v4.681h-4.46V5.518Z"/&gt;&lt;/svg&gt;Hugo&lt;/div&gt;
&lt;/div&gt;
&lt;div class="hextra-badge "&gt;
&lt;div class="hx:inline-flex hx:gap-1 hx:items-center hx:rounded-full hx:px-2.5 hx:leading-6 hx:text-[.65rem] hx:border hx:text-gray-600 hx:bg-gray-100 hx:dark:bg-neutral-800 hx:dark:text-neutral-200 hx:border-gray-200 hx:dark:border-neutral-700"&gt;&lt;svg height=12 fill="currentColor" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;&lt;title&gt;Markdown&lt;/title&gt;&lt;path d="M22.27 19.385H1.73A1.73 1.73 0 010 17.655V6.345a1.73 1.73 0 011.73-1.73h20.54A1.73 1.73 0 0124 6.345v11.308a1.73 1.73 0 01-1.73 1.731zM5.769 15.923v-4.5l2.308 2.885 2.307-2.885v4.5h2.308V8.078h-2.308l-2.307 2.885-2.308-2.885H3.46v7.847zM21.232 12h-2.309V8.077h-2.307V12h-2.308l3.461 4.039z"/&gt;&lt;/svg&gt;Markdown&lt;/div&gt;
&lt;/div&gt;&lt;/p&gt;
&lt;div class="hextra-cards hx:mt-4 hx:gap-4 hx:grid not-prose" style="--hextra-cards-grid-cols: 3;"&gt;
&lt;a class="hextra-card hx:group hx:flex hx:flex-col hx:justify-start hx:overflow-hidden hx:rounded-lg hx:border hx:border-gray-200 hx:text-current hx:no-underline hx:dark:shadow-none hx:hover:shadow-gray-100 hx:dark:hover:shadow-none hx:shadow-gray-100 hx:active:shadow-sm hx:active:shadow-gray-200 hx:transition-all hx:duration-200 hx:hover:border-gray-300 hx:bg-transparent hx:shadow-xs hx:dark:border-neutral-800 hx:hover:bg-slate-50 hx:hover:shadow-md hx:dark:hover:border-neutral-700 hx:dark:hover:bg-neutral-900" href="https://lucide.dev/icons/" target="_blank" rel="noreferrer"&gt;&lt;div&gt;
&lt;span class="hextra-card-icon hx:flex hx:font-semibold hx:items-start hx:gap-2 hx:p-4 hx:text-gray-700 hx:hover:text-gray-900 hx:dark:text-neutral-200 hx:dark:hover:text-neutral-50"&gt;&lt;!-- @license lucide-static v1.48.0 - ISC --&gt;
&lt;svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
&gt;
&lt;path d="M14.086 18.412A2 2 0 0112.67 19H5v-7.672a2 2 0 01.586-1.414L11.75 3.75a6 6 0 118.49 8.49z" /&gt;
&lt;path d="M16 8 2 22" /&gt;
&lt;path d="M17.488 15H9" /&gt;
&lt;/svg&gt;
Lucide&lt;/span&gt;&lt;/div&gt;&lt;/a&gt;
&lt;a class="hextra-card hx:group hx:flex hx:flex-col hx:justify-start hx:overflow-hidden hx:rounded-lg hx:border hx:border-gray-200 hx:text-current hx:no-underline hx:dark:shadow-none hx:hover:shadow-gray-100 hx:dark:hover:shadow-none hx:shadow-gray-100 hx:active:shadow-sm hx:active:shadow-gray-200 hx:transition-all hx:duration-200 hx:hover:border-gray-300 hx:bg-transparent hx:shadow-xs hx:dark:border-neutral-800 hx:hover:bg-slate-50 hx:hover:shadow-md hx:dark:hover:border-neutral-700 hx:dark:hover:bg-neutral-900" href="https://tabler.io/icons" target="_blank" rel="noreferrer"&gt;&lt;div&gt;
&lt;span class="hextra-card-icon hx:flex hx:font-semibold hx:items-start hx:gap-2 hx:p-4 hx:text-gray-700 hx:hover:text-gray-900 hx:dark:text-neutral-200 hx:dark:hover:text-neutral-50"&gt;&lt;svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
&gt;
&lt;path stroke="none" d="M0 0h24v24H0z" fill="none" /&gt;
&lt;path d="M8 9l3 3l-3 3" /&gt;
&lt;path d="M13 15h3" /&gt;
&lt;path d="M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4l0 -10" /&gt;
&lt;/svg&gt;Tabler Icons&lt;/span&gt;&lt;/div&gt;&lt;/a&gt;
&lt;a class="hextra-card hx:group hx:flex hx:flex-col hx:justify-start hx:overflow-hidden hx:rounded-lg hx:border hx:border-gray-200 hx:text-current hx:no-underline hx:dark:shadow-none hx:hover:shadow-gray-100 hx:dark:hover:shadow-none hx:shadow-gray-100 hx:active:shadow-sm hx:active:shadow-gray-200 hx:transition-all hx:duration-200 hx:hover:border-gray-300 hx:bg-transparent hx:shadow-xs hx:dark:border-neutral-800 hx:hover:bg-slate-50 hx:hover:shadow-md hx:dark:hover:border-neutral-700 hx:dark:hover:bg-neutral-900" href="https://simpleicons.org/" target="_blank" rel="noreferrer"&gt;&lt;div&gt;
&lt;span class="hextra-card-icon hx:flex hx:font-semibold hx:items-start hx:gap-2 hx:p-4 hx:text-gray-700 hx:hover:text-gray-900 hx:dark:text-neutral-200 hx:dark:hover:text-neutral-50"&gt;&lt;svg fill="currentColor" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;&lt;title&gt;Simple Icons&lt;/title&gt;&lt;path d="M18 6a6 6 0 10-6 6 6 6 0 015.35 9h1.5A7.5 7.5 0 0012 10.5 4.5 4.5 0 1116.5 6Zm-6-3a3 3 0 000 6 1 1 0 000-6m0 1.5a1.5 1.5 0 010 3 1 1 0 010-3M7.5 15v1.5H9v6H4.5V24h15v-1.5H15v-6h1.5V15Zm3 1.5h3v6h-3zm-6 1.5a7.5 7.5 0 00.7 3h1.5a6 6 0 01-.7-3Z"/&gt;&lt;/svg&gt;Simple Icons&lt;/span&gt;&lt;/div&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;h3 data-hextra-search-id="改进的-jupyter-笔记本渲染"&gt;改进的 Jupyter 笔记本渲染&lt;span class="hx:absolute hx:-mt-20" id="改进的-jupyter-笔记本渲染"&gt;&lt;/span&gt;
&lt;a href="#%e6%94%b9%e8%bf%9b%e7%9a%84-jupyter-%e7%ac%94%e8%ae%b0%e6%9c%ac%e6%b8%b2%e6%9f%93" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;&lt;a href="https://deploy-preview-1046--hugo-hextra.netlify.app/zh-cn/docs/guide/shortcodes/jupyter/"&gt;&lt;code&gt;jupyter&lt;/code&gt; 短代码&lt;/a&gt;得到大幅改进，现在支持错误回溯、stderr 流、SVG、Markdown、LaTeX、JSON、原始单元格、附件、输出元数据以及单元格可见性元数据。通过新的 &lt;code&gt;prompts&lt;/code&gt; 参数可显示 Jupyter 风格的 &lt;code&gt;In [N]:&lt;/code&gt;/&lt;code&gt;Out[N]:&lt;/code&gt; 执行提示符：&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;{{&amp;lt; jupyter src=&amp;#34;notebook.ipynb&amp;#34; prompts=true &amp;gt;}}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-0"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h3 data-hextra-search-id="自定义页面部分"&gt;自定义页面部分&lt;span class="hx:absolute hx:-mt-20" id="自定义页面部分"&gt;&lt;/span&gt;
&lt;a href="#%e8%87%aa%e5%ae%9a%e4%b9%89%e9%a1%b5%e9%9d%a2%e9%83%a8%e5%88%86" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;新的&lt;a href="https://deploy-preview-1046--hugo-hextra.netlify.app/zh-cn/docs/advanced/customization/#custom-page-sections"&gt;自定义钩子&lt;/a&gt;允许通过在站点中创建以下任意 partial，在每个页面正文前后注入内容：&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div&gt;&lt;pre&gt;&lt;code&gt;layouts/_partials/custom/page-begin.html
layouts/_partials/custom/content-begin.html
layouts/_partials/custom/content-end.html
layouts/_partials/custom/page-end.html&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-0"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;每个 partial 都以当前 Hugo 页面作为上下文。&lt;/p&gt;
&lt;h2 data-hextra-search-id="search-css-changes"&gt;搜索 CSS 变更&lt;span class="hx:absolute hx:-mt-20" id="search-css-changes"&gt;&lt;/span&gt;
&lt;a href="#search-css-changes" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;内联搜索框已被对话框取代，因此 &lt;code&gt;hextra-search-wrapper&lt;/code&gt; 类已移除。如果您使用 CSS 自定义了搜索界面，请改用新的 &lt;code&gt;hextra-search-trigger&lt;/code&gt; 和 &lt;code&gt;hextra-search-dialog&lt;/code&gt; 类。完整的搜索类列表请参阅&lt;a href="https://deploy-preview-1046--hugo-hextra.netlify.app/zh-cn/docs/advanced/customization/"&gt;自定义 CSS 文档&lt;/a&gt;。&lt;/p&gt;
&lt;h2 data-hextra-search-id="修复"&gt;修复&lt;span class="hx:absolute hx:-mt-20" id="修复"&gt;&lt;/span&gt;
&lt;a href="#%e4%bf%ae%e5%a4%8d" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;页面加载时立即渲染可见的 Mermaid 图表&lt;/li&gt;
&lt;li&gt;修复偏好减少动态效果时 Mermaid 图表的缩放&lt;/li&gt;
&lt;li&gt;为 Hugo 数学渲染器选择兼容的 KaTeX CSS&lt;/li&gt;
&lt;li&gt;侧边栏没有页面条目时，移动端菜单回退到页面树&lt;/li&gt;
&lt;li&gt;在链接渲染钩子中解析页面相对 Markdown 链接&lt;/li&gt;
&lt;li&gt;处理搜索中标题片段的内联标记&lt;/li&gt;
&lt;li&gt;更新 Hugo 语言配置键至最新约定&lt;/li&gt;
&lt;li&gt;导航栏图标菜单项现在支持 &lt;code&gt;tel:&lt;/code&gt; 等非 HTTP 链接&lt;/li&gt;
&lt;li&gt;修复卡片和链接中 HTML 属性之间缺少空格的问题，以及嵌套 hero 短代码中标签未闭合的问题&lt;/li&gt;
&lt;li&gt;修复图片库短代码在 Windows 上的构建错误&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 data-hextra-search-id="贡献者"&gt;贡献者&lt;span class="hx:absolute hx:-mt-20" id="贡献者"&gt;&lt;/span&gt;
&lt;a href="#%e8%b4%a1%e7%8c%ae%e8%80%85" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;感谢此版本的贡献者：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/bombsimon" target="_blank" rel="noopener"&gt;@bombsimon&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; - 从搜索结果中移除 HTML 标签&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/yuri1969" target="_blank" rel="noopener"&gt;@yuri1969&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; - 减少动态效果时的 Mermaid 图表缩放修复&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/muhammadkholidb" target="_blank" rel="noopener"&gt;@muhammadkholidb&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; - 在展示页中添加 Roled 文档&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/farmacia-cambie" target="_blank" rel="noopener"&gt;@farmacia-cambie&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; - 导航栏图标菜单项支持 &lt;code&gt;tel:&lt;/code&gt; 链接&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/hoshsadiq" target="_blank" rel="noopener"&gt;@hoshsadiq&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; - 修复 HTML 属性间距和嵌套 hero 短代码&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/avighnac" target="_blank" rel="noopener"&gt;@avighnac&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; - 修复图片库短代码在 Windows 上的构建&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;p&gt;&lt;strong&gt;完整变更日志&lt;/strong&gt;: &lt;a href="https://github.com/imfing/hextra/compare/v0.12.3...v0.13.0" target="_blank" rel="noopener"&gt;https://github.com/imfing/hextra/compare/v0.12.3...v0.13.0&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt;&lt;/p&gt;</description></item><item><title>Hextra v0.12</title><link>https://deploy-preview-1046--hugo-hextra.netlify.app/zh-cn/blog/v0.12/</link><pubDate>Fri, 20 Feb 2026 00:00:00 +0000</pubDate><guid>https://deploy-preview-1046--hugo-hextra.netlify.app/zh-cn/blog/v0.12/</guid><description>
&lt;p&gt;Hextra v0.12.0 带来了丰富的新功能，包括页面上下文菜单、图片缩放、全新设计的标签页等，同时提供全面的 WCAG 2.2 AA 无障碍改进和大量错误修复。&lt;/p&gt;
&lt;h2 data-hextra-search-id="升级指南"&gt;升级指南&lt;span class="hx:absolute hx:-mt-20" id="升级指南"&gt;&lt;/span&gt;
&lt;a href="#%e5%8d%87%e7%ba%a7%e6%8c%87%e5%8d%97" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;对大多数站点而言没有破坏性变更。使用 &lt;a href="https://gohugo.io/hugo-modules/use-modules/" target="_blank" rel="noopener"&gt;Hugo Modules&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; 更新：&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;hugo mod get -u github.com/imfing/hextra&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-0"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h2 data-hextra-search-id="亮点"&gt;亮点&lt;span class="hx:absolute hx:-mt-20" id="亮点"&gt;&lt;/span&gt;
&lt;a href="#%e4%ba%ae%e7%82%b9" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;页面上下文菜单，可复制/查看 Markdown 源码&lt;/li&gt;
&lt;li&gt;全新设计的标签页短代码，支持单独命名和图标&lt;/li&gt;
&lt;li&gt;Markdown 图片点击缩放&lt;/li&gt;
&lt;li&gt;GoatCounter 分析支持&lt;/li&gt;
&lt;li&gt;桌面端隐藏主侧边栏选项&lt;/li&gt;
&lt;li&gt;通过 GitInfo 显示最后修改作者&lt;/li&gt;
&lt;li&gt;禁用上一篇/下一篇导航选项&lt;/li&gt;
&lt;li&gt;内置归档页面，按时间顺序列出博客文章&lt;/li&gt;
&lt;li&gt;术语表短代码和布局&lt;/li&gt;
&lt;li&gt;从 llms.txt 中排除页面/章节&lt;/li&gt;
&lt;li&gt;移动端侧边栏排序和标签与 &lt;code&gt;menu.main&lt;/code&gt; 对齐&lt;/li&gt;
&lt;li&gt;通过 CSS 变量覆盖支持稳定的内容宽度&lt;/li&gt;
&lt;li&gt;全面的 WCAG 2.2 AA 无障碍改进&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 data-hextra-search-id="新功能"&gt;新功能&lt;span class="hx:absolute hx:-mt-20" id="新功能"&gt;&lt;/span&gt;
&lt;a href="#%e6%96%b0%e5%8a%9f%e8%83%bd" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;h3 data-hextra-search-id="页面上下文菜单"&gt;页面上下文菜单&lt;span class="hx:absolute hx:-mt-20" id="页面上下文菜单"&gt;&lt;/span&gt;
&lt;a href="#%e9%a1%b5%e9%9d%a2%e4%b8%8a%e4%b8%8b%e6%96%87%e8%8f%9c%e5%8d%95" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;&lt;img src="https://github.com/user-attachments/assets/0b55bee9-6f4d-4e1d-9461-60c40208cb6c" alt="页面上下文菜单" data-zoomable loading="lazy" /&gt;&lt;/p&gt;
&lt;p&gt;页面上下文菜单提供下拉按钮，可将页面内容复制为 Markdown 或查看原始 Markdown 源码。随着越来越多用户将文档输入生成式 AI 工具，快速获取干净的 Markdown 变得越来越有用。通过模板变量（&lt;code&gt;{url}&lt;/code&gt;、&lt;code&gt;{title}&lt;/code&gt;、&lt;code&gt;{markdown_url}&lt;/code&gt;）添加自定义链接，可以在菜单中直接集成“询问 AI”快捷方式或其他功能。&lt;/p&gt;
&lt;p&gt;要使用“以 Markdown 查看”和 &lt;code&gt;{markdown_url}&lt;/code&gt; 功能，请在站点配置中启用 Markdown 输出格式：&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div class="hextra-code-filename not-prose" dir="auto"&gt;hugo.yaml&lt;/div&gt;&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;outputs&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;page&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="l"&gt;html, markdown]&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;section&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="l"&gt;html, rss, markdown]&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-8"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;然后配置页面上下文菜单：&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div class="hextra-code-filename not-prose" dir="auto"&gt;hugo.yaml&lt;/div&gt;&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;params&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;page&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;contextMenu&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;enable&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="kc"&gt;true&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;links&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;- &lt;span class="nt"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;Ask AI&amp;#34;&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;url&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;https://example.com?content={markdown_url}&amp;#34;&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;icon&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;sparkles&amp;#34;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-8"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h3 data-hextra-search-id="标签页重设计与图标支持"&gt;标签页重设计与图标支持&lt;span class="hx:absolute hx:-mt-20" id="标签页重设计与图标支持"&gt;&lt;/span&gt;
&lt;a href="#%e6%a0%87%e7%ad%be%e9%a1%b5%e9%87%8d%e8%ae%be%e8%ae%a1%e4%b8%8e%e5%9b%be%e6%a0%87%e6%94%af%e6%8c%81" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;&lt;a href="https://deploy-preview-1046--hugo-hextra.netlify.app/zh-cn/docs/guide/shortcodes/tabs/"&gt;标签页短代码&lt;/a&gt;经过重新设计。现在可以直接在每个 &lt;code&gt;tab&lt;/code&gt; 短代码上设置标签名称，可选的 &lt;code&gt;icon&lt;/code&gt; 参数可在标签文字前显示图标。之前的语法仍然支持。&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-md" data-lang="md"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;{{&amp;lt; tabs &amp;gt;}}
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; {{&amp;lt; tab name=&amp;#34;Photos&amp;#34; icon=&amp;#34;photograph&amp;#34; &amp;gt;}}管理和整理您的照片库。{{&amp;lt; /tab &amp;gt;}}
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; {{&amp;lt; tab name=&amp;#34;Music&amp;#34; icon=&amp;#34;music-note&amp;#34; &amp;gt;}}浏览和播放您喜爱的曲目。{{&amp;lt; /tab &amp;gt;}}
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; {{&amp;lt; tab name=&amp;#34;Videos&amp;#34; icon=&amp;#34;film&amp;#34; &amp;gt;}}观看和串流视频内容。{{&amp;lt; /tab &amp;gt;}}
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;{{&amp;lt; /tabs &amp;gt;}}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-0"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;img src="https://github.com/user-attachments/assets/afa4cb8f-615c-4f01-8ae4-81a64c9ce391" alt="带图标的标签页" data-zoomable loading="lazy" /&gt;&lt;/p&gt;
&lt;h3 data-hextra-search-id="图片缩放"&gt;图片缩放&lt;span class="hx:absolute hx:-mt-20" id="图片缩放"&gt;&lt;/span&gt;
&lt;a href="#%e5%9b%be%e7%89%87%e7%bc%a9%e6%94%be" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;通过新的配置选项，启用 Markdown 图片的点击缩放功能，基于 &lt;a href="https://github.com/francoischalifour/medium-zoom" target="_blank" rel="noopener"&gt;medium-zoom&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; 实现。&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div class="hextra-code-filename not-prose" dir="auto"&gt;hugo.yaml&lt;/div&gt;&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;params&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;imageZoom&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;enable&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="kc"&gt;true&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-8"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h3 data-hextra-search-id="goatcounter-分析"&gt;GoatCounter 分析&lt;span class="hx:absolute hx:-mt-20" id="goatcounter-分析"&gt;&lt;/span&gt;
&lt;a href="#goatcounter-%e5%88%86%e6%9e%90" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;在现有的 Google Analytics、Umami 和 Matomo 集成之外，新增 &lt;a href="https://www.goatcounter.com/" target="_blank" rel="noopener"&gt;GoatCounter&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; 分析的内置支持。&lt;/p&gt;
&lt;h3 data-hextra-search-id="隐藏主侧边栏"&gt;隐藏主侧边栏&lt;span class="hx:absolute hx:-mt-20" id="隐藏主侧边栏"&gt;&lt;/span&gt;
&lt;a href="#%e9%9a%90%e8%97%8f%e4%b8%bb%e4%be%a7%e8%be%b9%e6%a0%8f" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;新的 Front Matter 参数允许在桌面端隐藏主侧边栏，使内容页面获得全宽显示。&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div class="hextra-code-filename not-prose" dir="auto"&gt;content/my-page.md&lt;/div&gt;&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nn"&gt;---&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;title&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;My Page&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;sidebar&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;hide&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="kc"&gt;true&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nn"&gt;---&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-8"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h3 data-hextra-search-id="最后修改作者"&gt;最后修改作者&lt;span class="hx:absolute hx:-mt-20" id="最后修改作者"&gt;&lt;/span&gt;
&lt;a href="#%e6%9c%80%e5%90%8e%e4%bf%ae%e6%94%b9%e4%bd%9c%e8%80%85" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;使用 Hugo 的 GitInfo 功能，在&amp;quot;最后更新&amp;quot;日期旁显示最后提交的作者。&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div class="hextra-code-filename not-prose" dir="auto"&gt;hugo.yaml&lt;/div&gt;&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;params&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;displayUpdatedAuthor&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="kc"&gt;true&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-8"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;img src="https://github.com/user-attachments/assets/275b7177-e089-483c-abb6-6d8f16616b9b" alt="最后修改作者" data-zoomable loading="lazy" /&gt;&lt;/p&gt;
&lt;h3 data-hextra-search-id="禁用上一篇下一篇导航"&gt;禁用上一篇/下一篇导航&lt;span class="hx:absolute hx:-mt-20" id="禁用上一篇下一篇导航"&gt;&lt;/span&gt;
&lt;a href="#%e7%a6%81%e7%94%a8%e4%b8%8a%e4%b8%80%e7%af%87%e4%b8%8b%e4%b8%80%e7%af%87%e5%af%bc%e8%88%aa" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;在站点范围内禁用上一篇/下一篇导航按钮：&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div class="hextra-code-filename not-prose" dir="auto"&gt;hugo.yaml&lt;/div&gt;&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;params&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;page&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;displayPagination&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="kc"&gt;false&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-8"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h3 data-hextra-search-id="llmstxt-排除"&gt;LLMs.txt 排除&lt;span class="hx:absolute hx:-mt-20" id="llmstxt-排除"&gt;&lt;/span&gt;
&lt;a href="#llmstxt-%e6%8e%92%e9%99%a4" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;通过在 Front Matter 中设置 &lt;code&gt;llms: false&lt;/code&gt;，将单个页面或整个章节从 &lt;code&gt;llms.txt&lt;/code&gt; 输出中排除。&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div class="hextra-code-filename not-prose" dir="auto"&gt;content/private-page.md&lt;/div&gt;&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nn"&gt;---&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;title&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;Private Page&amp;#34;&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;llms&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="kc"&gt;false&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nn"&gt;---&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-8"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h3 data-hextra-search-id="归档页面"&gt;归档页面&lt;span class="hx:absolute hx:-mt-20" id="归档页面"&gt;&lt;/span&gt;
&lt;a href="#%e5%bd%92%e6%a1%a3%e9%a1%b5%e9%9d%a2" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;新的内置 &lt;code&gt;archives&lt;/code&gt; 布局按年份分组，以时间线形式展示博客文章，每篇文章标题后内联显示标签。&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div class="hextra-code-filename not-prose" dir="auto"&gt;content/archives/_index.md&lt;/div&gt;&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nn"&gt;---&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;title&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;Archives&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;layout&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;archives&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nn"&gt;---&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-8"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;img src="https://github.com/user-attachments/assets/262cc0fa-e0af-4a50-8c3d-4465059418b8" alt="归档页面" data-zoomable loading="lazy" /&gt;&lt;/p&gt;
&lt;h3 data-hextra-search-id="术语表"&gt;术语表&lt;span class="hx:absolute hx:-mt-20" id="术语表"&gt;&lt;/span&gt;
&lt;a href="#%e6%9c%af%e8%af%ad%e8%a1%a8" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;站点级&lt;a href="https://deploy-preview-1046--hugo-hextra.netlify.app/zh-cn/docs/guide/shortcodes/term/"&gt;术语表&lt;/a&gt;，提供专用列表页面和用于内联定义的 &lt;code&gt;term&lt;/code&gt; 短代码。&lt;/p&gt;
&lt;h2 data-hextra-search-id="无障碍"&gt;无障碍&lt;span class="hx:absolute hx:-mt-20" id="无障碍"&gt;&lt;/span&gt;
&lt;a href="#%e6%97%a0%e9%9a%9c%e7%a2%8d" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;全面的 WCAG 2.2 AA 无障碍改进 (#924)：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;所有页面添加跳转到内容链接和 ARIA 地标角色&lt;/li&gt;
&lt;li&gt;所有交互组件（主题切换、标签页、侧边栏、文件树、下拉菜单、搜索、菜单）添加 ARIA 属性&lt;/li&gt;
&lt;li&gt;标签页和主题切换的键盘导航（方向键、Enter、Escape）&lt;/li&gt;
&lt;li&gt;支持 &lt;code&gt;prefers-reduced-motion&lt;/code&gt; 和全局 &lt;code&gt;focus-visible&lt;/code&gt; 样式&lt;/li&gt;
&lt;li&gt;15 个新的 i18n 无障碍键，在全部 21 个语言环境中提供完整翻译&lt;/li&gt;
&lt;li&gt;将所有硬编码的英文 &lt;code&gt;aria-label&lt;/code&gt; 字符串替换为 i18n 查找&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 data-hextra-search-id="使用体验优化"&gt;使用体验优化&lt;span class="hx:absolute hx:-mt-20" id="使用体验优化"&gt;&lt;/span&gt;
&lt;a href="#%e4%bd%bf%e7%94%a8%e4%bd%93%e9%aa%8c%e4%bc%98%e5%8c%96" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;改进表格可读性样式&lt;/li&gt;
&lt;li&gt;标题支持 Markdown 属性&lt;/li&gt;
&lt;li&gt;多语言章节着陆页的活动链接检测改进&lt;/li&gt;
&lt;li&gt;卡片短代码支持可选的图片 &lt;code&gt;alt&lt;/code&gt; 参数&lt;/li&gt;
&lt;li&gt;OpenGraph 元数据支持页面资源包图片&lt;/li&gt;
&lt;li&gt;内容宽度默认保持一致，支持通过 CSS 变量覆盖自定义布局&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 data-hextra-search-id="修复"&gt;修复&lt;span class="hx:absolute hx:-mt-20" id="修复"&gt;&lt;/span&gt;
&lt;a href="#%e4%bf%ae%e5%a4%8d" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;修复 render-link 中 &lt;code&gt;relref&lt;/code&gt; 基础前缀重复问题&lt;/li&gt;
&lt;li&gt;修复嵌套在步骤中的标签页渲染&lt;/li&gt;
&lt;li&gt;移动端侧边栏排序和标签与 &lt;code&gt;menu.main&lt;/code&gt; 对齐&lt;/li&gt;
&lt;li&gt;侧边栏中遵循 &lt;code&gt;search.enable&lt;/code&gt; 设置&lt;/li&gt;
&lt;li&gt;移动端下拉菜单中遵循 &lt;code&gt;toc&lt;/code&gt; 页面参数&lt;/li&gt;
&lt;li&gt;增强 FlexSearch 匹配高亮和安全的 DOM 操作&lt;/li&gt;
&lt;li&gt;修复卡片副标题定位&lt;/li&gt;
&lt;li&gt;处理子路径部署中 OG 图片路径的前导斜杠&lt;/li&gt;
&lt;li&gt;修复 FlexSearch 返回结果页数少于预期的问题&lt;/li&gt;
&lt;li&gt;将 Umami 分析的默认文件改为 &lt;code&gt;script.js&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;修复 Hugo v0.156.0+ 的 RSS 作者查找 (&lt;code&gt;.Site.Params.Author&lt;/code&gt;)&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 data-hextra-search-id="文档与-i18n"&gt;文档与 i18n&lt;span class="hx:absolute hx:-mt-20" id="文档与-i18n"&gt;&lt;/span&gt;
&lt;a href="#%e6%96%87%e6%a1%a3%e4%b8%8e-i18n" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;添加意大利语本地化&lt;/li&gt;
&lt;li&gt;链接 KaTeX 文档&lt;/li&gt;
&lt;li&gt;将 details 短代码文档更新为尖括号语法&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 data-hextra-search-id="贡献者"&gt;贡献者&lt;span class="hx:absolute hx:-mt-20" id="贡献者"&gt;&lt;/span&gt;
&lt;a href="#%e8%b4%a1%e7%8c%ae%e8%80%85" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;此版本由 11 位新贡献者共同参与完成：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/ghac101" target="_blank" rel="noopener"&gt;@ghac101&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; - Umami 分析修复、禁用上一篇/下一篇导航&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/pmarrapese" target="_blank" rel="noopener"&gt;@pmarrapese&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; - 标题 Markdown 属性支持&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/Bubbler-4" target="_blank" rel="noopener"&gt;@Bubbler-4&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; - details 短代码文档&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/bloovis" target="_blank" rel="noopener"&gt;@bloovis&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; - FlexSearch 结果计数修复&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/AntoninPvr" target="_blank" rel="noopener"&gt;@AntoninPvr&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; - 卡片副标题定位修复&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/illia-v" target="_blank" rel="noopener"&gt;@illia-v&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; - 移动端目录和搜索切换修复&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/gallochri" target="_blank" rel="noopener"&gt;@gallochri&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; - 意大利语本地化&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/MatheusFlausino" target="_blank" rel="noopener"&gt;@MatheusFlausino&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; - LLMs.txt 排除&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/daniseijo" target="_blank" rel="noopener"&gt;@daniseijo&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; - 最后修改作者功能&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/confusedkernel" target="_blank" rel="noopener"&gt;@confusedkernel&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; - 归档页面&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/Fenyutanchan" target="_blank" rel="noopener"&gt;@Fenyutanchan&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; - Hugo v0.156.0 RSS 作者兼容性修复&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;同时感谢回归贡献者 &lt;a href="https://github.com/KStocky" target="_blank" rel="noopener"&gt;@KStocky&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt;、&lt;a href="https://github.com/ldez" target="_blank" rel="noopener"&gt;@ldez&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt;、&lt;a href="https://github.com/kowyo" target="_blank" rel="noopener"&gt;@kowyo&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt;、&lt;a href="https://github.com/torbjornbp" target="_blank" rel="noopener"&gt;@torbjornbp&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt;、&lt;a href="https://github.com/yuri1969" target="_blank" rel="noopener"&gt;@yuri1969&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; 和 &lt;a href="https://github.com/PrintN" target="_blank" rel="noopener"&gt;@PrintN&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; 的持续贡献。&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;&lt;strong&gt;完整变更日志&lt;/strong&gt;: &lt;a href="https://github.com/imfing/hextra/compare/v0.11.1...v0.12.0" target="_blank" rel="noopener"&gt;https://github.com/imfing/hextra/compare/v0.11.1...v0.12.0&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt;&lt;/p&gt;</description></item><item><title>Hextra v0.11</title><link>https://deploy-preview-1046--hugo-hextra.netlify.app/zh-cn/blog/v0.11/</link><pubDate>Sat, 30 Aug 2025 00:00:00 +0000</pubDate><guid>https://deploy-preview-1046--hugo-hextra.netlify.app/zh-cn/blog/v0.11/</guid><description>
&lt;p&gt;Hextra v0.11.0 专注于打磨使用体验并带来数个实用新组件：站点级顶部横幅、改进的提示框与徽章、更丰富的卡片、分析工具集成，以及多项导航优化。同时包含稳定性修复和文档更新。&lt;/p&gt;
&lt;h2 data-hextra-search-id="升级指南"&gt;升级指南&lt;span class="hx:absolute hx:-mt-20" id="升级指南"&gt;&lt;/span&gt;
&lt;a href="#%e5%8d%87%e7%ba%a7%e6%8c%87%e5%8d%97" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;对大多数站点而言没有破坏性变更。使用 &lt;a href="https://gohugo.io/hugo-modules/use-modules/" target="_blank" rel="noopener"&gt;Hugo Modules&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; 更新：&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;hugo mod get -u github.com/imfing/hextra&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-0"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h2 data-hextra-search-id="亮点"&gt;亮点&lt;span class="hx:absolute hx:-mt-20" id="亮点"&gt;&lt;/span&gt;
&lt;a href="#%e4%ba%ae%e7%82%b9" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;用于公告的顶栏横幅组件&lt;/li&gt;
&lt;li&gt;重新设计的提示框，样式更清晰&lt;/li&gt;
&lt;li&gt;支持 Umami 与 Matomo 分析&lt;/li&gt;
&lt;li&gt;Asciinema 短代码用于终端录屏&lt;/li&gt;
&lt;li&gt;外链装饰选项&lt;/li&gt;
&lt;li&gt;单页（非文档、非博客）支持面包屑&lt;/li&gt;
&lt;li&gt;导航栏增强：图标链接项与更优布局&lt;/li&gt;
&lt;li&gt;徽章与卡片的自定义能力提升&lt;/li&gt;
&lt;li&gt;主题切换增加「System」选项&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 data-hextra-search-id="新功能"&gt;新功能&lt;span class="hx:absolute hx:-mt-20" id="新功能"&gt;&lt;/span&gt;
&lt;a href="#%e6%96%b0%e5%8a%9f%e8%83%bd" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;h3 data-hextra-search-id="顶部横幅"&gt;顶部横幅&lt;span class="hx:absolute hx:-mt-20" id="顶部横幅"&gt;&lt;/span&gt;
&lt;a href="#%e9%a1%b6%e9%83%a8%e6%a8%aa%e5%b9%85" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;为公告、发布或状态消息添加一个站点级、可关闭的横幅。&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div class="hextra-code-filename not-prose" dir="auto"&gt;hugo.yaml&lt;/div&gt;&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;params&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;banner&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;key&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;announcement&amp;#34;&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;message&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;Welcome!&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-8"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;img src="https://github.com/user-attachments/assets/33a08c9b-db84-4200-b37c-1a53c1bef08d" alt="顶部横幅" data-zoomable loading="lazy" /&gt;&lt;/p&gt;
&lt;h3 data-hextra-search-id="提示框重设计"&gt;提示框重设计&lt;span class="hx:absolute hx:-mt-20" id="提示框重设计"&gt;&lt;/span&gt;
&lt;a href="#%e6%8f%90%e7%a4%ba%e6%a1%86%e9%87%8d%e8%ae%be%e8%ae%a1" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;&lt;a href="https://deploy-preview-1046--hugo-hextra.netlify.app/zh-cn/docs/guide/shortcodes/callout/"&gt;Callout&lt;/a&gt; 获得样式刷新，在各主题下具备更好的可读性与强调效果。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://github.com/user-attachments/assets/b3154dbb-e582-4c84-a8b8-1ecb02c3464d" alt="提示框刷新" data-zoomable loading="lazy" /&gt;&lt;/p&gt;
&lt;h3 data-hextra-search-id="分析umami-与-matomo"&gt;分析：Umami 与 Matomo&lt;span class="hx:absolute hx:-mt-20" id="分析umami-与-matomo"&gt;&lt;/span&gt;
&lt;a href="#%e5%88%86%e6%9e%90umami-%e4%b8%8e-matomo" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;内置以下分析平台的配置支持：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://deploy-preview-1046--hugo-hextra.netlify.app/zh-cn/docs/guide/configuration/#umami-analytics"&gt;Umami&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://deploy-preview-1046--hugo-hextra.netlify.app/zh-cn/docs/guide/configuration/#matomo-analytics"&gt;Matomo&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 data-hextra-search-id="asciinema-短代码"&gt;Asciinema 短代码&lt;span class="hx:absolute hx:-mt-20" id="asciinema-短代码"&gt;&lt;/span&gt;
&lt;a href="#asciinema-%e7%9f%ad%e4%bb%a3%e7%a0%81" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;使用全新的 &lt;a href="https://deploy-preview-1046--hugo-hextra.netlify.app/zh-cn/docs/guide/shortcodes/asciinema/"&gt;Asciinema 短代码&lt;/a&gt; 嵌入 &lt;a href="https://www.asciinema.org/" target="_blank" rel="noopener"&gt;Asciinema&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; 终端录屏。&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-md" data-lang="md"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;{{&amp;lt; asciinema id=&amp;#34;123456&amp;#34; autoplay=true loop=true &amp;gt;}}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-0"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;img src="https://github.com/user-attachments/assets/3c33a8ef-3c01-4e30-9832-3ccb784ec538" alt="Asciinema" data-zoomable loading="lazy" /&gt;&lt;/p&gt;
&lt;h3 data-hextra-search-id="导航栏增强"&gt;导航栏增强&lt;span class="hx:absolute hx:-mt-20" id="导航栏增强"&gt;&lt;/span&gt;
&lt;a href="#%e5%af%bc%e8%88%aa%e6%a0%8f%e5%a2%9e%e5%bc%ba" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;支持在导航栏链接项中使用图标&lt;/li&gt;
&lt;li&gt;优化菜单的相对位置，使其与语言切换器等项协同更佳&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;img src="https://github.com/user-attachments/assets/6c035eee-cd7d-44d8-bcf7-9cbd7f92ab42" alt="带图标项的导航栏" data-zoomable loading="lazy" /&gt;&lt;/p&gt;
&lt;p&gt;值得一提的是，版本 &lt;a href="https://github.com/imfing/hextra/releases/tag/v0.10.2" target="_blank" rel="noopener"&gt;0.10.2&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; 已支持在导航栏添加语言切换器与主题切换。&lt;/p&gt;
&lt;h3 data-hextra-search-id="外链装饰"&gt;外链装饰&lt;span class="hx:absolute hx:-mt-20" id="外链装饰"&gt;&lt;/span&gt;
&lt;a href="#%e5%a4%96%e9%93%be%e8%a3%85%e9%a5%b0" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;可选地为外部链接添加轻量的外链标识装饰。&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div class="hextra-code-filename not-prose" dir="auto"&gt;hugo.yaml&lt;/div&gt;&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;params&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;externalLinkDecoration&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="kc"&gt;true&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-8"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h3 data-hextra-search-id="启用面包屑"&gt;启用面包屑&lt;span class="hx:absolute hx:-mt-20" id="启用面包屑"&gt;&lt;/span&gt;
&lt;a href="#%e5%90%af%e7%94%a8%e9%9d%a2%e5%8c%85%e5%b1%91" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;在单页（非文档、非博客）上，通过在 Front Matter 中设置 &lt;code&gt;breadcrumbs: true&lt;/code&gt; 启用面包屑。&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div class="hextra-code-filename not-prose" dir="auto"&gt;content/about.md&lt;/div&gt;&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nn"&gt;---&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;title&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;About&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;breadcrumbs&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="kc"&gt;true&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nn"&gt;---&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-8"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h3 data-hextra-search-id="卡片与徽章的改进"&gt;卡片与徽章的改进&lt;span class="hx:absolute hx:-mt-20" id="卡片与徽章的改进"&gt;&lt;/span&gt;
&lt;a href="#%e5%8d%a1%e7%89%87%e4%b8%8e%e5%be%bd%e7%ab%a0%e7%9a%84%e6%94%b9%e8%bf%9b" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href="https://deploy-preview-1046--hugo-hextra.netlify.app/zh-cn/docs/guide/shortcodes/cards/"&gt;卡片&lt;/a&gt;：新增 &lt;code&gt;tagIcon&lt;/code&gt; 与 &lt;code&gt;tagBorder&lt;/code&gt; 选项。&lt;/li&gt;
&lt;li&gt;&lt;a href="https://deploy-preview-1046--hugo-hextra.netlify.app/zh-cn/docs/guide/shortcodes/others/"&gt;徽章&lt;/a&gt;：新增颜色与边框样式。&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 data-hextra-search-id="使用体验优化"&gt;使用体验优化&lt;span class="hx:absolute hx:-mt-20" id="使用体验优化"&gt;&lt;/span&gt;
&lt;a href="#%e4%bd%bf%e7%94%a8%e4%bd%93%e9%aa%8c%e4%bc%98%e5%8c%96" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;主题切换：增加「System」选项
&lt;img src="https://github.com/user-attachments/assets/54a1d315-9243-4814-9154-6e63af9ea2e8" alt="主题切换" data-zoomable loading="lazy" /&gt;&lt;/li&gt;
&lt;li&gt;字体排版：改进带复选框的任务列表样式
&lt;img src="https://github.com/user-attachments/assets/53722651-63b6-4469-95e7-326849a30306" alt="任务列表" data-zoomable loading="lazy" /&gt;&lt;/li&gt;
&lt;li&gt;语言切换器：与图标菜单项的排序更合理&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 data-hextra-search-id="修复"&gt;修复&lt;span class="hx:absolute hx:-mt-20" id="修复"&gt;&lt;/span&gt;
&lt;a href="#%e4%bf%ae%e5%a4%8d" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Giscus：正确同步主题与语言&lt;/li&gt;
&lt;li&gt;卡片：修复 RTL 场景下的徽章渲染&lt;/li&gt;
&lt;li&gt;导航栏：优化菜单位置与交互&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 data-hextra-search-id="文档与-i18n"&gt;文档与 i18n&lt;span class="hx:absolute hx:-mt-20" id="文档与-i18n"&gt;&lt;/span&gt;
&lt;a href="#%e6%96%87%e6%a1%a3%e4%b8%8e-i18n" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;文档：新增页面介绍 Hextra 的短代码&lt;/li&gt;
&lt;li&gt;i18n：为 &lt;code&gt;zh-cn&lt;/code&gt; 增加 &lt;code&gt;copyCode&lt;/code&gt; 与 &lt;code&gt;system&lt;/code&gt; 翻译&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;p&gt;&lt;strong&gt;完整变更日志&lt;/strong&gt;: &lt;a href="https://github.com/imfing/hextra/compare/v0.10.2...v0.11.0" target="_blank" rel="noopener"&gt;https://github.com/imfing/hextra/compare/v0.10.2...v0.11.0&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt;&lt;/p&gt;</description></item><item><title>Hextra v0.10</title><link>https://deploy-preview-1046--hugo-hextra.netlify.app/zh-cn/blog/v0.10/</link><pubDate>Thu, 14 Aug 2025 00:00:00 +0000</pubDate><guid>https://deploy-preview-1046--hugo-hextra.netlify.app/zh-cn/blog/v0.10/</guid><description>
&lt;p&gt;Hextra v0.10.0 是一个重大版本更新，包含多项新功能、架构升级和使用体验优化。&lt;/p&gt;
&lt;p&gt;本次更新还包含了来自 10 位 &lt;a href="#contributors"&gt;新贡献者&lt;/a&gt; 的代码提交，并解决了社区长期期待的功能需求。&lt;/p&gt;
&lt;h2 data-hextra-search-id="升级指南"&gt;升级指南&lt;span class="hx:absolute hx:-mt-20" id="升级指南"&gt;&lt;/span&gt;
&lt;a href="#%e5%8d%87%e7%ba%a7%e6%8c%87%e5%8d%97" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;div
data-alert="important" class="hextra-alert"
&gt;
&lt;p class="hextra-alert-title"&gt;&lt;svg height=16px class="hextra-alert-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"&gt;&lt;path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/&gt;&lt;/svg&gt;&lt;span class="hextra-alert-title-text"&gt;Important&lt;/span&gt;
&lt;/p&gt;
&lt;div class="hextra-alert-content"&gt;&lt;p&gt;&lt;strong&gt;破坏性变更&lt;/strong&gt;：此版本包含多项不兼容改动。升级前请仔细阅读检查清单和 &lt;a href="#migration-guide"&gt;迁移指南&lt;/a&gt;。&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;升级至 v0.10.0 前，请确保：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;已安装 Hugo v0.146.0+（扩展版）&lt;/li&gt;
&lt;li&gt;检查自定义 CSS 的类名变更（参见 &lt;a href="#css-class-prefix-changes"&gt;CSS 类前缀变更&lt;/a&gt; 和 &lt;a href="#tailwind-css-v4"&gt;Tailwind CSS v4&lt;/a&gt;）&lt;/li&gt;
&lt;li&gt;确认构建环境可访问互联网以下载 LaTeX 和/或 Mermaid 资源&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;准备就绪后，更新 Hugo 模块：&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;hugo mod get -u github.com/imfing/hextra@v0.10.0&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-0"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h2 data-hextra-search-id="新功能"&gt;新功能&lt;span class="hx:absolute hx:-mt-20" id="新功能"&gt;&lt;/span&gt;
&lt;a href="#%e6%96%b0%e5%8a%9f%e8%83%bd" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;以下是本版本值得关注的新特性：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="#dropdown-menu-support-in-navbar"&gt;&lt;strong&gt;导航栏下拉菜单支持&lt;/strong&gt;&lt;/a&gt;：创建层级导航菜单&lt;/li&gt;
&lt;li&gt;&lt;a href="#enhanced-search-experience"&gt;&lt;strong&gt;增强搜索体验&lt;/strong&gt;&lt;/a&gt;：改进全标题搜索精度&lt;/li&gt;
&lt;li&gt;&lt;a href="#llmstxt-support"&gt;&lt;strong&gt;llms.txt 支持&lt;/strong&gt;&lt;/a&gt;：生成 AI 友好的站点大纲&lt;/li&gt;
&lt;li&gt;&lt;a href="#table-of-contents-scroll-highlighting"&gt;&lt;strong&gt;目录滚动高亮&lt;/strong&gt;&lt;/a&gt;：滚动时自动高亮当前章节&lt;/li&gt;
&lt;li&gt;&lt;a href="#synchronized-tab-switching"&gt;&lt;strong&gt;同步标签页切换&lt;/strong&gt;&lt;/a&gt;：跨多组标签页同步选择状态&lt;/li&gt;
&lt;li&gt;&lt;a href="#blog-list-pagination"&gt;&lt;strong&gt;博客列表分页&lt;/strong&gt;&lt;/a&gt;：为博客列表添加分页控件&lt;/li&gt;
&lt;li&gt;&lt;a href="#mathjax-support"&gt;&lt;strong&gt;MathJax 支持&lt;/strong&gt;&lt;/a&gt;：在 KaTeX 外新增数学公式渲染引擎&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 data-hextra-search-id="导航栏下拉菜单支持"&gt;导航栏下拉菜单支持&lt;span class="hx:absolute hx:-mt-20" id="导航栏下拉菜单支持"&gt;&lt;/span&gt;
&lt;a href="#%e5%af%bc%e8%88%aa%e6%a0%8f%e4%b8%8b%e6%8b%89%e8%8f%9c%e5%8d%95%e6%94%af%e6%8c%81" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;在导航栏中创建下拉菜单，优化导航项组织方式。&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div class="hextra-code-filename not-prose" dir="auto"&gt;hugo.yaml&lt;/div&gt;&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;menu&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;main&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;- &lt;span class="nt"&gt;identifier&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;products&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;产品&amp;#34;&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;- &lt;span class="nt"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;产品A&amp;#34;&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;parent&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;products&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;url&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;/product-a&amp;#34;&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;- &lt;span class="nt"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;产品B&amp;#34;&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;parent&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;products&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;url&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;/product-b&amp;#34;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-8"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;img src="https://github.com/user-attachments/assets/1816f9b9-7fe3-46e8-9546-f15e43e9914a" alt="下拉菜单导航" data-zoomable loading="lazy" /&gt;&lt;/p&gt;
&lt;h3 data-hextra-search-id="增强搜索体验"&gt;增强搜索体验&lt;span class="hx:absolute hx:-mt-20" id="增强搜索体验"&gt;&lt;/span&gt;
&lt;a href="#%e5%a2%9e%e5%bc%ba%e6%90%9c%e7%b4%a2%e4%bd%93%e9%aa%8c" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;全标题搜索&lt;/strong&gt;：可搜索所有层级标题内容，不限于页面标题&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;提升结果精度&lt;/strong&gt;：改进标题处理和链接准确性&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;修复结果导航&lt;/strong&gt;：搜索结果现在能正确跳转到对应章节&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;特别感谢 &lt;a href="https://github.com/ldez" target="_blank" rel="noopener"&gt;@ldez&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; 推动搜索功能升级！&lt;/p&gt;
&lt;p&gt;&lt;img src="https://github.com/user-attachments/assets/f819652a-95d4-4843-b7e2-c7953a8cabe8" alt="增强版搜索结果" data-zoomable loading="lazy" /&gt;&lt;/p&gt;
&lt;h3 data-hextra-search-id="llmstxt-支持"&gt;llms.txt 支持&lt;span class="hx:absolute hx:-mt-20" id="llmstxt-支持"&gt;&lt;/span&gt;
&lt;a href="#llmstxt-%e6%94%af%e6%8c%81" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;现支持生成 &lt;a href="https://llmstxt.org/" target="_blank" rel="noopener"&gt;llms.txt&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; 格式输出，使站点内容更便于 AI 工具和语言模型获取上下文参考。&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div class="hextra-code-filename not-prose" dir="auto"&gt;hugo.yaml&lt;/div&gt;&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;outputs&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;home&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="l"&gt;html, llms]&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-8"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;这将在站点根目录生成 &lt;code&gt;llms.txt&lt;/code&gt; 文件。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://github.com/user-attachments/assets/c6e929bb-0fce-4ab2-af15-a71c5a38b22c" alt="示例 llms 文本" data-zoomable loading="lazy" /&gt;&lt;/p&gt;
&lt;h3 data-hextra-search-id="目录滚动高亮"&gt;目录滚动高亮&lt;span class="hx:absolute hx:-mt-20" id="目录滚动高亮"&gt;&lt;/span&gt;
&lt;a href="#%e7%9b%ae%e5%bd%95%e6%bb%9a%e5%8a%a8%e9%ab%98%e4%ba%ae" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;滚动页面时，目录会自动高亮当前章节，使导航更加直观。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://github.com/user-attachments/assets/d623fb99-7000-428b-af95-384eb722f0eb" alt="目录滚动高亮效果" data-zoomable loading="lazy" /&gt;&lt;/p&gt;
&lt;h3 data-hextra-search-id="同步标签页切换"&gt;同步标签页切换&lt;span class="hx:absolute hx:-mt-20" id="同步标签页切换"&gt;&lt;/span&gt;
&lt;a href="#%e5%90%8c%e6%ad%a5%e6%a0%87%e7%ad%be%e9%a1%b5%e5%88%87%e6%8d%a2" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;相同内容的标签页现在支持跨组同步。启用同步后，选择某个标签会更新所有包含相同项目的标签组（且会记住选择状态）。&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div class="hextra-code-filename not-prose" dir="auto"&gt;hugo.yaml&lt;/div&gt;&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;params&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;page&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;tabs&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;sync&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="kc"&gt;true&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-8"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h3 data-hextra-search-id="博客列表分页"&gt;博客列表分页&lt;span class="hx:absolute hx:-mt-20" id="博客列表分页"&gt;&lt;/span&gt;
&lt;a href="#%e5%8d%9a%e5%ae%a2%e5%88%97%e8%a1%a8%e5%88%86%e9%a1%b5" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;为博客列表页面添加基础分页控件。&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div class="hextra-code-filename not-prose" dir="auto"&gt;hugo.yaml&lt;/div&gt;&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;params&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;blog&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;list&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;pagerSize&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="m"&gt;20&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="c"&gt;# 每页文章数&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-8"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;img src="https://github.com/user-attachments/assets/60405fb4-ec36-4733-ba13-b4066396b5c5" alt="博客分页效果" data-zoomable loading="lazy" /&gt;&lt;/p&gt;
&lt;h3 data-hextra-search-id="mathjax-支持"&gt;MathJax 支持&lt;span class="hx:absolute hx:-mt-20" id="mathjax-支持"&gt;&lt;/span&gt;
&lt;a href="#mathjax-%e6%94%af%e6%8c%81" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;除默认的 KaTeX 外，新增 &lt;a href="https://www.mathjax.org/" target="_blank" rel="noopener"&gt;MathJax&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; 数学公式渲染引擎支持，可按需选择。&lt;/p&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div class="hextra-code-filename not-prose" dir="auto"&gt;hugo.yaml&lt;/div&gt;&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;params&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;math&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;engine&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;mathjax&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="c"&gt;# 默认为 &amp;#34;katex&amp;#34;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-8"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h2 data-hextra-search-id="技术改进"&gt;技术改进&lt;span class="hx:absolute hx:-mt-20" id="技术改进"&gt;&lt;/span&gt;
&lt;a href="#%e6%8a%80%e6%9c%af%e6%94%b9%e8%bf%9b" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;h3 data-hextra-search-id="框架与构建系统"&gt;框架与构建系统&lt;span class="hx:absolute hx:-mt-20" id="框架与构建系统"&gt;&lt;/span&gt;
&lt;a href="#%e6%a1%86%e6%9e%b6%e4%b8%8e%e6%9e%84%e5%bb%ba%e7%b3%bb%e7%bb%9f" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Tailwind CSS v4 迁移&lt;/strong&gt;：完整迁移至 &lt;a href="https://tailwindcss.com/blog/tailwindcss-v4" target="_blank" rel="noopener"&gt;Tailwind CSS v4&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt;，提供更好的定制支持&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Hugo 模板系统&lt;/strong&gt;：适配 Hugo &lt;a href="https://gohugo.io/templates/new-templatesystem-overview/" target="_blank" rel="noopener"&gt;新版模板系统&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt;（v0.146.0+）以确保未来兼容性&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;数学公式服务端渲染&lt;/strong&gt;：默认使用 Hugo 原生渲染改进数学公式处理&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;FlexSearch 0.8 升级&lt;/strong&gt;：搜索引擎升级至 &lt;a href="https://github.com/nextapps-de/flexsearch" target="_blank" rel="noopener"&gt;FlexSearch&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; 0.8，提升 CJK（中日韩）内容编码处理能力&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;增强资源管理&lt;/strong&gt;：KaTeX 和 Mermaid 资源支持从 CDN 或本地加载&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 data-hextra-search-id="使用体验优化"&gt;使用体验优化&lt;span class="hx:absolute hx:-mt-20" id="使用体验优化"&gt;&lt;/span&gt;
&lt;a href="#%e4%bd%bf%e7%94%a8%e4%bd%93%e9%aa%8c%e4%bc%98%e5%8c%96" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;动态 favicon 切换&lt;/strong&gt;：根据色彩偏好自动更新网站图标&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;反向分页&lt;/strong&gt;：支持通过页面 front matter 设置 &lt;code&gt;reversePagination&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Google 索引控制&lt;/strong&gt;：新增页面参数控制是否允许 Google 索引&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;宽度处理改进&lt;/strong&gt;：通过 CSS 变量优化响应式设计控制&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;样式改进&lt;/strong&gt;：现代化 Markdown 表格和水平线样式&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 data-hextra-search-id="错误修复与稳定性"&gt;错误修复与稳定性&lt;span class="hx:absolute hx:-mt-20" id="错误修复与稳定性"&gt;&lt;/span&gt;
&lt;a href="#%e9%94%99%e8%af%af%e4%bf%ae%e5%a4%8d%e4%b8%8e%e7%a8%b3%e5%ae%9a%e6%80%a7" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Giscus 主题同步&lt;/strong&gt;：评论模块现在正确跟随暗黑/明亮模式切换&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;搜索结果准确性&lt;/strong&gt;：修复搜索结果链接和标题转义问题&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;标签页切换&lt;/strong&gt;：解决非同步模式下的导航问题&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;幽灵滚动&lt;/strong&gt;：修复禁用页脚时出现的异常滚动行为&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;图片可访问性&lt;/strong&gt;：避免重复渲染 alt 文本&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;链接渲染&lt;/strong&gt;：改进复杂站点结构下的基础 URL 处理&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 data-hextra-search-id="迁移指南"&gt;迁移指南&lt;span class="hx:absolute hx:-mt-20" id="迁移指南"&gt;&lt;/span&gt;
&lt;a href="#%e8%bf%81%e7%a7%bb%e6%8c%87%e5%8d%97" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href="#hugo-version-requirements"&gt;&lt;strong&gt;Hugo 版本要求&lt;/strong&gt;&lt;/a&gt;：需 Hugo v0.146.0+（扩展版）&lt;/li&gt;
&lt;li&gt;&lt;a href="#css-class-prefix-changes"&gt;&lt;strong&gt;CSS 类前缀变更&lt;/strong&gt;&lt;/a&gt;：组件 CSS 类现统一使用 &lt;code&gt;hextra-&lt;/code&gt; 前缀&lt;/li&gt;
&lt;li&gt;&lt;a href="#asset-management-for-katex-and-mermaid"&gt;&lt;strong&gt;资源管理&lt;/strong&gt;&lt;/a&gt;：KaTeX 和 Mermaid 资源改为构建时下载&lt;/li&gt;
&lt;li&gt;&lt;a href="#tailwind-css-v4"&gt;&lt;strong&gt;Tailwind CSS v4&lt;/strong&gt;&lt;/a&gt;：内部 CSS 编译现使用 Tailwind CSS v4.x 并采用 &lt;code&gt;hx:&lt;/code&gt; 前缀&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 data-hextra-search-id="hugo-版本要求"&gt;Hugo 版本要求&lt;span class="hx:absolute hx:-mt-20" id="hugo-版本要求"&gt;&lt;/span&gt;
&lt;a href="#hugo-%e7%89%88%e6%9c%ac%e8%a6%81%e6%b1%82" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;影响&lt;/strong&gt;：使用旧版 Hugo 的站点&lt;/p&gt;
&lt;p&gt;Hextra v0.10.0 因采用新模板系统，要求 Hugo v0.146.0 或更高版本（扩展版）。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;需执行操作&lt;/strong&gt;：升级 Hextra 前先更新 Hugo 至 v0.146.0+&lt;/p&gt;
&lt;h4 data-hextra-search-id="css-类前缀变更"&gt;CSS 类前缀变更&lt;span class="hx:absolute hx:-mt-20" id="css-类前缀变更"&gt;&lt;/span&gt;
&lt;a href="#css-%e7%b1%bb%e5%89%8d%e7%bc%80%e5%8f%98%e6%9b%b4" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;影响&lt;/strong&gt;：自定义 CSS 中引用了 Hextra 组件类的站点&lt;/p&gt;
&lt;p&gt;v0.10.0 为大多数组件 CSS 类引入统一的 &lt;code&gt;hextra-&lt;/code&gt; 前缀，以提高可维护性并避免与用户样式冲突。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;需执行操作&lt;/strong&gt;：如果自定义 CSS 中引用了 Hextra 组件，请更新以下类名：&lt;/p&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;区域&lt;/th&gt;
&lt;th&gt;旧类名&lt;/th&gt;
&lt;th&gt;新类名&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;搜索（容器）&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.search-wrapper&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.hextra-search-wrapper&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;搜索（输入框）&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.search-input&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.hextra-search-input&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;搜索（结果）&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.search-results&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.hextra-search-results&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;搜索（标题）&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.search-wrapper .title&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.hextra-search-wrapper .hextra-search-title&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;搜索（活动项）&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.search-wrapper .active&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.hextra-search-wrapper .hextra-search-active&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;搜索（无结果）&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.search-wrapper .no-result&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.hextra-search-wrapper .hextra-search-no-result&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;搜索（前缀）&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.search-wrapper .prefix&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.hextra-search-wrapper .hextra-search-prefix&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;搜索（摘要）&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.search-wrapper .excerpt&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.hextra-search-wrapper .hextra-search-excerpt&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;搜索（匹配项）&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.search-wrapper .match&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.hextra-search-wrapper .hextra-search-match&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;导航栏模糊效果&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.nav-container-blur&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.hextra-nav-container-blur&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;汉堡菜单&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.hamburger-menu&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.hextra-hamburger-menu&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;主题切换&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.theme-toggle&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.hextra-theme-toggle&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;语言切换器&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.language-switcher&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.hextra-language-switcher&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;侧边栏容器&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.sidebar-container&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.hextra-sidebar-container&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;侧边栏活动项&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.sidebar-active-item&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.hextra-sidebar-active-item&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;代码文件名&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.filename&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.hextra-code-filename&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;复制图标&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.copy-icon&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.hextra-copy-icon&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;成功图标&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.success-icon&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.hextra-success-icon&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;步骤组件&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.steps&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;.hextra-steps&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;h4 data-hextra-search-id="katex-和-mermaid-资源管理"&gt;KaTeX 和 Mermaid 资源管理&lt;span class="hx:absolute hx:-mt-20" id="katex-和-mermaid-资源管理"&gt;&lt;/span&gt;
&lt;a href="#katex-%e5%92%8c-mermaid-%e8%b5%84%e6%ba%90%e7%ae%a1%e7%90%86" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;影响&lt;/strong&gt;：使用 KaTeX 或 Mermaid 的站点&lt;/p&gt;
&lt;p&gt;v0.10.0 改为在构建时从 CDN 下载 KaTeX 和 Mermaid 资源。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;变更内容：&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;构建过程需要联网下载这些资源&lt;/li&gt;
&lt;li&gt;构建后不再需要外部 CDN 调用&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;需执行操作：&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;确保构建环境可访问互联网以下载资源&lt;/li&gt;
&lt;li&gt;隔离环境中的站点需预下载资源并配置 Hextra 加载路径&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 data-hextra-search-id="tailwind-css-v4"&gt;Tailwind CSS v4&lt;span class="hx:absolute hx:-mt-20" id="tailwind-css-v4"&gt;&lt;/span&gt;
&lt;a href="#tailwind-css-v4" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;影响&lt;/strong&gt;：大量自定义 CSS 引用了 &lt;code&gt;hx-*&lt;/code&gt; 类名的站点&lt;/p&gt;
&lt;p&gt;虽然 Hextra 内部已处理 Tailwind CSS v4 迁移，但深度定制的站点可能需要额外调整。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;变更内容：&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;内部 CSS 编译使用 Tailwind CSS v4.x&lt;/li&gt;
&lt;li&gt;工具类前缀改为 &lt;code&gt;hx:&lt;/code&gt; 而非 &lt;code&gt;hx-&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 data-hextra-search-id="贡献者"&gt;贡献者&lt;span class="hx:absolute hx:-mt-20" id="贡献者"&gt;&lt;/span&gt;
&lt;a href="#%e8%b4%a1%e7%8c%ae%e8%80%85" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;本次发布得益于 10 位新贡献者的代码提交：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/oosquare" target="_blank" rel="noopener"&gt;@oosquare&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; - KaTeX 字体、图片渲染钩子、链接处理改进&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/Zabriskije" target="_blank" rel="noopener"&gt;@Zabriskije&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; - 修复幽灵滚动问题&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/miniwater" target="_blank" rel="noopener"&gt;@miniwater&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; - 自定义页脚居中、图片 alt 文本优化&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/MattDodsonEnglish" target="_blank" rel="noopener"&gt;@MattDodsonEnglish&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; - Google 索引控制、OpenGraph 文档&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/KStocky" target="_blank" rel="noopener"&gt;@KStocky&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; - 反向分页功能&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/PrintN" target="_blank" rel="noopener"&gt;@PrintN&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; - 文档展示增强&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/hobobandy" target="_blank" rel="noopener"&gt;@hobobandy&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; - 标题间距优化&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/dlwocks31" target="_blank" rel="noopener"&gt;@dlwocks31&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; - 韩语翻译更新&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/TwoAnts" target="_blank" rel="noopener"&gt;@TwoAnts&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; - 修复 Giscus 主题切换&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/ldez" target="_blank" rel="noopener"&gt;@ldez&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; - 搜索功能改进与错误修复&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;同时感谢长期贡献者 &lt;a href="https://github.com/deining" target="_blank" rel="noopener"&gt;@deining&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; 和 &lt;a href="https://github.com/yuri1969" target="_blank" rel="noopener"&gt;@yuri1969&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt; 在文档、翻译和技术改进方面的持续支持。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;完整更新日志&lt;/strong&gt;：https://github.com/imfing/hextra/compare/v0.9.7&amp;hellip;v0.10.0&lt;/p&gt;</description></item><item><title>Markdown 语法指南</title><link>https://deploy-preview-1046--hugo-hextra.netlify.app/zh-cn/blog/markdown/</link><pubDate>Wed, 01 Jan 2020 00:00:00 +0000</pubDate><guid>https://deploy-preview-1046--hugo-hextra.netlify.app/zh-cn/blog/markdown/</guid><description>
&lt;p&gt;本文展示了 Hugo 内容文件中可用的基础 Markdown 语法示例。&lt;/p&gt;
&lt;h2 data-hextra-search-id="基础语法"&gt;基础语法&lt;span class="hx:absolute hx:-mt-20" id="基础语法"&gt;&lt;/span&gt;
&lt;a href="#%e5%9f%ba%e7%a1%80%e8%af%ad%e6%b3%95" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;h3 data-hextra-search-id="标题"&gt;标题&lt;span class="hx:absolute hx:-mt-20" id="标题"&gt;&lt;/span&gt;
&lt;a href="#%e6%a0%87%e9%a2%98" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div&gt;&lt;pre&gt;&lt;code&gt;# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-0"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h2 data-hextra-search-id="二级标题"&gt;二级标题&lt;span class="hx:absolute hx:-mt-20" id="二级标题"&gt;&lt;/span&gt;
&lt;a href="#%e4%ba%8c%e7%ba%a7%e6%a0%87%e9%a2%98" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;h3 data-hextra-search-id="三级标题"&gt;三级标题&lt;span class="hx:absolute hx:-mt-20" id="三级标题"&gt;&lt;/span&gt;
&lt;a href="#%e4%b8%89%e7%ba%a7%e6%a0%87%e9%a2%98" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;h4 data-hextra-search-id="四级标题"&gt;四级标题&lt;span class="hx:absolute hx:-mt-20" id="四级标题"&gt;&lt;/span&gt;
&lt;a href="#%e5%9b%9b%e7%ba%a7%e6%a0%87%e9%a2%98" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h4&gt;&lt;h5 data-hextra-search-id="五级标题"&gt;五级标题&lt;span class="hx:absolute hx:-mt-20" id="五级标题"&gt;&lt;/span&gt;
&lt;a href="#%e4%ba%94%e7%ba%a7%e6%a0%87%e9%a2%98" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h5&gt;&lt;h6 data-hextra-search-id="六级标题"&gt;六级标题&lt;span class="hx:absolute hx:-mt-20" id="六级标题"&gt;&lt;/span&gt;
&lt;a href="#%e5%85%ad%e7%ba%a7%e6%a0%87%e9%a2%98" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h6&gt;&lt;h3 data-hextra-search-id="强调"&gt;强调&lt;span class="hx:absolute hx:-mt-20" id="强调"&gt;&lt;/span&gt;
&lt;a href="#%e5%bc%ba%e8%b0%83" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-text" data-lang="text"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;*这段文字会显示为斜体*
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;_这段文字也会显示为斜体_
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;**这段文字会显示为粗体**
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;__这段文字也会显示为粗体__
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;_你可以**组合**使用_&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-0"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;em&gt;这段文字会显示为斜体&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;这段文字也会显示为斜体&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;这段文字会显示为粗体&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;这段文字也会显示为粗体&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;你可以&lt;strong&gt;组合&lt;/strong&gt;使用&lt;/em&gt;&lt;/p&gt;
&lt;h3 data-hextra-search-id="列表"&gt;列表&lt;span class="hx:absolute hx:-mt-20" id="列表"&gt;&lt;/span&gt;
&lt;a href="#%e5%88%97%e8%a1%a8" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;h4 data-hextra-search-id="无序列表"&gt;无序列表&lt;span class="hx:absolute hx:-mt-20" id="无序列表"&gt;&lt;/span&gt;
&lt;a href="#%e6%97%a0%e5%ba%8f%e5%88%97%e8%a1%a8" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h4&gt;&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div&gt;&lt;pre&gt;&lt;code&gt;* 项目1
* 项目2
* 子项目2a
* 子项目2b&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-0"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;项目1&lt;/li&gt;
&lt;li&gt;项目2
&lt;ul&gt;
&lt;li&gt;子项目2a&lt;/li&gt;
&lt;li&gt;子项目2b&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 data-hextra-search-id="有序列表"&gt;有序列表&lt;span class="hx:absolute hx:-mt-20" id="有序列表"&gt;&lt;/span&gt;
&lt;a href="#%e6%9c%89%e5%ba%8f%e5%88%97%e8%a1%a8" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h4&gt;&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div&gt;&lt;pre&gt;&lt;code&gt;1. 项目1
2. 项目2
3. 项目3
1. 子项目3a
2. 子项目3b&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-0"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h3 data-hextra-search-id="图片"&gt;图片&lt;span class="hx:absolute hx:-mt-20" id="图片"&gt;&lt;/span&gt;
&lt;a href="#%e5%9b%be%e7%89%87" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;![&lt;span class="nt"&gt;GitHub Logo&lt;/span&gt;](&lt;span class="na"&gt;https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png&lt;/span&gt;)&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-0"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" alt="GitHub Logo" data-zoomable loading="lazy" /&gt;&lt;/p&gt;
&lt;h3 data-hextra-search-id="链接"&gt;链接&lt;span class="hx:absolute hx:-mt-20" id="链接"&gt;&lt;/span&gt;
&lt;a href="#%e9%93%be%e6%8e%a5" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;[&lt;span class="nt"&gt;Hugo&lt;/span&gt;](&lt;span class="na"&gt;https://gohugo.io&lt;/span&gt;)&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-0"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;a href="https://gohugo.io" target="_blank" rel="noopener"&gt;Hugo&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h3 data-hextra-search-id="引用块"&gt;引用块&lt;span class="hx:absolute hx:-mt-20" id="引用块"&gt;&lt;/span&gt;
&lt;a href="#%e5%bc%95%e7%94%a8%e5%9d%97" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;正如牛顿所说：
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&amp;gt; 如果说我看得比别人更远些，那是因为我站在巨人的肩膀上。&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-0"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;blockquote&gt;
&lt;p&gt;如果说我看得比别人更远些，那是因为我站在巨人的肩膀上。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h3 data-hextra-search-id="行内代码"&gt;行内代码&lt;span class="hx:absolute hx:-mt-20" id="行内代码"&gt;&lt;/span&gt;
&lt;a href="#%e8%a1%8c%e5%86%85%e4%bb%a3%e7%a0%81" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;行内&lt;span class="sb"&gt;`代码`&lt;/span&gt;会用&lt;span class="sb"&gt;`反引号包裹`&lt;/span&gt;起来。&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-0"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;行内&lt;code&gt;代码&lt;/code&gt;会用&lt;code&gt;反引号包裹&lt;/code&gt;起来。&lt;/p&gt;
&lt;h3 data-hextra-search-id="代码块"&gt;代码块&lt;span class="hx:absolute hx:-mt-20" id="代码块"&gt;&lt;/span&gt;
&lt;a href="#%e4%bb%a3%e7%a0%81%e5%9d%97" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;h4 data-hextra-search-id="语法高亮"&gt;语法高亮&lt;span class="hx:absolute hx:-mt-20" id="语法高亮"&gt;&lt;/span&gt;
&lt;a href="#%e8%af%ad%e6%b3%95%e9%ab%98%e4%ba%ae" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h4&gt;&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="s"&gt;```go
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="kd"&gt;func&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nf"&gt;main&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;fmt&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;Println&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;Hello World&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="s"&gt;```&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-0"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-go" data-lang="go"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="kd"&gt;func&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nf"&gt;main&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;fmt&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;Println&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;Hello World&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-0"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h3 data-hextra-search-id="表格"&gt;表格&lt;span class="hx:absolute hx:-mt-20" id="表格"&gt;&lt;/span&gt;
&lt;a href="#%e8%a1%a8%e6%a0%bc" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h3&gt;&lt;div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code"&gt;
&lt;div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;| 语法 | 描述 |
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;| --------- | ----------- |
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;| 标题 | 标题文本 |
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;| 段落 | 正文内容 |&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-0"&gt;
&lt;button
class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
title="复制代码"
aria-label="复制代码"
data-copied-label="已复制！"
&gt;
&lt;div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"&gt;&lt;/div&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;语法&lt;/th&gt;
&lt;th&gt;描述&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;标题&lt;/td&gt;
&lt;td&gt;标题文本&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;段落&lt;/td&gt;
&lt;td&gt;正文内容&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;h2 data-hextra-search-id="参考资料"&gt;参考资料&lt;span class="hx:absolute hx:-mt-20" id="参考资料"&gt;&lt;/span&gt;
&lt;a href="#%e5%8f%82%e8%80%83%e8%b5%84%e6%96%99" class="subheading-anchor" aria-label="此章节的永久链接"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.markdownguide.org/basic-syntax/" target="_blank" rel="noopener"&gt;Markdown 语法&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://gohugo.io/content-management/formats/#markdown" target="_blank" rel="noopener"&gt;Hugo Markdown&lt;svg class="hx:inline hx:rtl:rotate-270 hx:align-baseline" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;path d="m9.1716 7.7574h7.0711m0 0v7.0711m0-7.0711-8.4853 8.4853" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</description></item></channel></rss>