Home
/
Blog
/
The MDX authoring pipeline is wired

The MDX authoring pipeline is wired

April 23, 2026
1 min read

This post is a fixture that exercises every rich component the MDX pipeline needs to support. If something here renders incorrectly, the pipeline has regressed.

Prose should inherit the existing .notion-root typography — no extra wrapper needed. Bold, italic, and inline code should read naturally. A link to jinkunchen.com should pick up the Notion link style.

  • Bulleted lists keep the Notion bullet spacing.
  • Nested lists:
    • inherit the existing hanging indent
    • and should not lose the bullet glyph.
  1. Numbered lists show numerals with the same rhythm.
  2. Second item.
  3. Third item.

Block quotes render with the Notion-quote treatment thanks to the shared .notion-root container.

Inline math: the triangle inequality is lVerta+brVertlelVertarVert+lVertbrVert\\lVert a + b \\rVert \\le \\lVert a \\rVert + \\lVert b \\rVert.

Block math:

\\mathcal{L}(\\theta) = \\frac{1}{N}\\sum_{i=1}^{N} \\ell\\bigl(f_\\theta(x_i), y_i\\bigr) 

type LabelKind = "conference" | "journal" | "arxiv";

function classify(label: string): LabelKind | "other" {
  const key = label.toLowerCase().trim();
  if (key === "conference") return "conference";
  if (key === "journal") return "journal";
  if (key === "arxiv.org" || key === "arxiv") return "arxiv";
  return "other";
}

‣Click to expand — Toggle contents
Profile portrait
A figure with caption — images reuse the .notion-image class family so the lightbox still works.

Anchor links should be auto-generated and clickable via the heading text.