← Writing
tutorial·2026-06-07·1 min read

MDX Features Demo

GitHub Alerts, math, GFM extensions, and media embeds

On this page

This post verifies the blog's MDX pipeline extensions. Hover any h2/h3 heading to reveal the # anchor link.

GitHub Alerts

Math

Inline math: mass-energy equivalence E=mc2E = mc^2, Euler's identity eiπ+1=0e^{i\pi} + 1 = 0.

Block math:

01x2dx=13\int_0^1 x^2 \, dx = \frac{1}{3}

Matrix and fractions:

[abcd](xy)=(ax+bycx+dy)\begin{bmatrix} a & b \\ c & d \end{bmatrix} \begin{pmatrix} x \\ y \end{pmatrix} = \begin{pmatrix} ax + by \\ cx + dy \end{pmatrix}

GFM Extensions

Strikethrough text remains readable for deprecated content.

Task list:

  • Done item
  • Todo item
Column AColumn BColumn C
Next.jsMDXRSC
KaTeXGFMAlerts

A sentence with a footnote1.

Mermaid Diagrams

Media Embeds

YouTube embed (sample video ID):

Local video (place file at public/videos/demo.mp4):

Local audio (place file at public/audio/demo.mp3):

Footnotes

  1. This is the footnote body. Click the reference to jump here.