https://joeyang1412.github.io/hugo-theme-spectra/zh-tw/tags/%E6%8E%92%E7%89%88/Recent content in 排版 on Spectra DemoHugozh-twSat, 15 Mar 2025 00:00:00 +0000https://joeyang1412.github.io/hugo-theme-spectra/zh-tw/posts/feature-tour/markdown-typography/Sat, 15 Mar 2025 00:00:00 +0000https://joeyang1412.github.io/hugo-theme-spectra/zh-tw/posts/feature-tour/markdown-typography/<h2 id="標題層級">標題層級</h2> <p>這篇文章用了 <code>h2</code>、<code>h3</code>、<code>h4</code> 三層標題。右邊的目錄（桌面版）或上方的摺疊目錄（手機版）會自動抓這些標題。</p> <h3 id="這是-h3">這是 H3</h3> <h4 id="這是-h4">這是 H4</h4> <p>一般來說三層就夠了。層級太多反而讓結構變複雜。</p> <h2 id="文字格式">文字格式</h2> <p>基本的文字樣式：</p> <ul> <li><strong>粗體</strong> — 用 <code>**文字**</code></li> <li><em>斜體</em> — 用 <code>*文字*</code></li> <li><del>刪除線</del> — 用 <code>~~文字~~</code></li> <li><code>行內程式碼</code> — 用反引號包起來</li> <li><a href="https://example.com">超連結</a> — 用 <code>[文字](網址)</code></li> </ul> <p>這些可以混著用，像是 <strong>粗體裡面放 <code>程式碼</code></strong> 或是 <em>斜體加上<a href="https://example.com">連結</a></em>。</p> <h2 id="清單">清單</h2> <h3 id="無序清單">無序清單</h3> <ul> <li>第一項</li> <li>第二項 <ul> <li>巢狀項目 A</li> <li>巢狀項目 B <ul> <li>再往下一層也行</li> </ul> </li> </ul> </li> <li>第三項</li> </ul> <h3 id="有序清單">有序清單</h3> <ol> <li>打開編輯器</li> <li>新增一個 Markdown 檔案</li> <li>開始寫</li> <li>存檔</li> <li>部署</li> </ol> <h3 id="任務清單">任務清單</h3> <ul> <li><input checked="" disabled="" type="checkbox"> 選好主題</li> <li><input checked="" disabled="" type="checkbox"> 設定基本架構</li> <li><input disabled="" type="checkbox"> 寫第一篇文章</li> <li><input disabled="" type="checkbox"> 部署到線上</li> </ul> <h2 id="引言">引言</h2> <blockquote> <p>簡潔是可靠的前提條件。 — Edsger W. Dijkstra</p> </blockquote> <p>引言區塊在 Spectra 裡會有左邊的裝飾線和微妙的背景色。多行也沒問題：</p>