http://beacon-demo.starry-s.moe/tags/shortcodes/Recent content in Shortcodes on Beacon DemoHugoen-USTue, 14 Jul 2026 10:00:00 +0800http://beacon-demo.starry-s.moe/posts/shortcodes-showcase/Tue, 14 Jul 2026 10:00:00 +0800http://beacon-demo.starry-s.moe/posts/shortcodes-showcase/<p>Beacon ships a few shortcodes for richer posts. Everything below renders from a short tag in the Markdown — no manual HTML.</p> <h2 id="math-latex">Math (LaTeX)</h2> <p>Beacon typesets LaTeX with <strong>KaTeX at build time</strong> — the equations are baked into the HTML, so there is no client-side JavaScript and no flash of unstyled math.</p> <p>You can write math two ways. The first is bare delimiters (needs the Goldmark passthrough extension, which this demo enables): the Pythagorean theorem <span class="katex"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><msup><mi>a</mi><mn>2</mn></msup><mo>+</mo><msup><mi>b</mi><mn>2</mn></msup><mo>=</mo><msup><mi>c</mi><mn>2</mn></msup></mrow><annotation encoding="application/x-tex">a^2 + b^2 = c^2</annotation></semantics></math></span> sits inline, and a display block reads:</p>