<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0"
  xmlns:atom="http://www.w3.org/2005/Atom"
  xmlns:content="http://purl.org/rss/1.0/modules/content/"
  xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Chinese - Pocket Hugo</title>
    <link>https://theme.leftn.com/zh-cn/tags/chinese/</link>
    <description>Chinese</description>
    <generator>Hugo -- gohugo.io</generator>
    <language>zh-cn</language>
    <lastBuildDate>Mon, 20 Apr 2026 02:51:39 &#43;0000</lastBuildDate>
    <atom:link href="https://theme.leftn.com/zh-cn/tags/chinese/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>Markdown 渲染展示</title>
      <link>https://theme.leftn.com/zh-cn/article/markdown-demo/</link>
      <pubDate>Thu, 19 Mar 2026 01:15:00 &#43;0000</pubDate>
      <guid>https://theme.leftn.com/zh-cn/article/markdown-demo/</guid>
      <description>一篇紧凑的示例文章，用来测试中文文章页面中常见 Markdown 元素的渲染效果。</description>
      <content:encoded><![CDATA[<p>这篇文章是 <code>pocket-hugo-theme</code> 的紧凑型 Markdown 渲染展示页，专门用来测试文章布局对常见符号和区块元素的呈现效果。</p>
<h2 id="inline-formatting">Inline Formatting</h2>
<p>你可以在这里检查 <strong>粗体</strong>、<em>斜体</em>、<em><strong>组合强调</strong></em>、<code>行内代码</code>，以及标准的 <a href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo 链接</a>
。</p>
<p>你还可以顺便测试类似 H<del>2</del>O 这样的上下标写法、<code>Ctrl + K</code> 这种键盘提示，以及 <code>*literal asterisks*</code> 这类转义字符。</p>
<h2 id="lists">Lists</h2>
<h3 id="unordered-list">Unordered List</h3>
<ul>
<li>封面优先的卡片在手机上依然应该保持平静的浏览节奏。</li>
<li>元信息在窄屏下也要足够易读。</li>
<li>间距和排版的重要性不低于字体本身。</li>
</ul>
<h3 id="ordered-list">Ordered List</h3>
<ol>
<li>起草文章。</li>
<li>添加封面图。</li>
<li>在手机上检查阅读节奏。</li>
</ol>
<h3 id="task-list">Task List</h3>
<ul>
<li><input checked="" disabled="" type="checkbox"> 添加 front matter</li>
<li><input checked="" disabled="" type="checkbox"> 添加本地封面图</li>
<li><input disabled="" type="checkbox"> 将示例文案替换成正式内容</li>
</ul>
<h2 id="quote">Quote</h2>
<blockquote>
<p>好的文章主题，会在你阅读时悄悄退到后面。</p>
<p>更好的主题，则会在你点开文章之前就让浏览体验足够舒服。</p>
</blockquote>
<h2 id="code-blocks">Code Blocks</h2>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">theme</span> <span class="p">=</span> <span class="s2">&#34;pocket-hugo-theme&#34;</span>
</span></span><span class="line"><span class="cl"><span class="nx">defaultContentLanguage</span> <span class="p">=</span> <span class="s2">&#34;en&#34;</span>
</span></span><span class="line"><span class="cl"><span class="nx">mainSections</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;posts&#34;</span><span class="p">]</span></span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-js" data-lang="js"><span class="line"><span class="cl"><span class="kr">const</span> <span class="nx">article</span> <span class="o">=</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl">  <span class="nx">title</span><span class="o">:</span> <span class="s2">&#34;Markdown Rendering Showcase&#34;</span><span class="p">,</span>
</span></span><span class="line"><span class="cl">  <span class="nx">cover</span><span class="o">:</span> <span class="s2">&#34;cover.webp&#34;</span><span class="p">,</span>
</span></span><span class="line"><span class="cl">  <span class="nx">mobileReady</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span>
</span></span><span class="line"><span class="cl"><span class="p">};</span></span></span></code></pre></div><h2 id="table">Table</h2>
<table>
  <thead>
      <tr>
          <th>元素</th>
          <th>为什么重要</th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td>标题</td>
          <td>建立内容节奏</td>
      </tr>
      <tr>
          <td>列表</td>
          <td>暴露缩进和留白问题</td>
      </tr>
      <tr>
          <td>表格</td>
          <td>测试移动端溢出行为</td>
      </tr>
      <tr>
          <td>代码块</td>
          <td>检查内边距、字体和换行</td>
      </tr>
  </tbody>
</table>
<h2 id="image">Image</h2>
<p>这个页面 bundle 中的本地图片既会作为封面，也会作为正文内联图片出现：</p>
<p><figure class="article-image">
    <a class="article-image__link" href="/article/markdown-demo/cover.webp" data-lightbox-image>
        <img
            src="/article/markdown-demo/cover_hu_e0096db56b3b63d9.webp"
            alt="示例图片"
            loading="lazy"
            decoding="async"
            srcset="/article/markdown-demo/cover_hu_cc1c9dbfada38dfb.webp 640w, /article/markdown-demo/cover_hu_e0096db56b3b63d9.webp 960w"
            sizes="100vw"
            width="1080"
            height="467"
            
        >
    </a>
    
</figure>
</p>
<h2 id="horizontal-rule">Horizontal Rule</h2>
<hr>
<h2 id="final-notes">Final Notes</h2>
<p>如果这篇文章在桌面端和手机端都显得平衡自然，那么这套主题通常就已经适合承载真正的随笔、更新记录、笔记和文档页面。</p>
]]></content:encoded>
    </item>
  </channel>
</rss>
