https://joeyang1412.github.io/hugo-theme-spectra/tags/typography/Recent content in Typography on Spectra DemoHugoenSat, 15 Mar 2025 00:00:00 +0000https://joeyang1412.github.io/hugo-theme-spectra/posts/feature-tour/markdown-typography/Sat, 15 Mar 2025 00:00:00 +0000https://joeyang1412.github.io/hugo-theme-spectra/posts/feature-tour/markdown-typography/<h2 id="heading-levels">Heading Levels</h2> <p>This post uses <code>h2</code>, <code>h3</code>, and <code>h4</code> headings. The table of contents on the right (desktop) or the collapsible one at the top (mobile) picks these up automatically.</p> <h3 id="this-is-h3">This Is H3</h3> <h4 id="this-is-h4">This Is H4</h4> <p>Three levels is usually enough. Too many levels and the structure gets more confusing than helpful.</p> <h2 id="text-formatting">Text Formatting</h2> <p>The basic text styles:</p> <ul> <li><strong>Bold</strong> — use <code>**text**</code></li> <li><em>Italic</em> — use <code>*text*</code></li> <li><del>Strikethrough</del> — use <code>~~text~~</code></li> <li><code>Inline code</code> — wrap it in backticks</li> <li><a href="https://example.com">Hyperlink</a> — use <code>[text](url)</code></li> </ul> <p>You can mix these together, like <strong>bold with <code>code</code> inside</strong> or <em>italic with a <a href="https://example.com">link</a></em>.</p>