This page tests the rendering of Markdown elements in posts.

Consider using CommonMark, a strongly defined, highly compatible specification of Markdown.

Some text

Lorem ipsum dolor sit amet.[^1] Sed expedita suscipitAut voluptatem ut tenetur magni cum repellendus necessitatibus ut excepturi accusamus qui iusto facere. Eos beatae consequatur sed vero ullam Id voluptas aut corrupti eveniet est amet doloremque quo sequi facere aut quas quia. Ut reprehenderit autem ad sequi voluptatibus Et fugit qui dolor voluptas est libero quae sed earum rerum ut totam reiciendis. Et explicabo accusantiumAut mollitia sed autem deleniti cum odit quidem qui voluptatum ducimus. Et inventore deleniti est omnis oditqui quos in voluptas libero sed obcaecati dicta.[^FOOTNOTE2024]

致雨文字日月陶唐羽翔云腾乃服河淡芥姜。1 夜光玉出垂拱调阳陶唐。 推位巨阙宇宙有虞芥姜成岁文字羽翔海咸火帝人皇让国。

平章律吕李柰芥姜乃服洪荒玉出致雨盈昃火帝人皇。 夜光人皇致雨辰宿人皇伐罪辰宿垂拱吊民昆冈调阳闰余金生。 陶唐秋收成岁推位宇宙日月调阳菜重。 吊民鳞潜龙师龙师鳞潜海咸。 金生珠称露结人皇丽水乃服乃服衣裳。 伐罪玄黄盈昃衣裳致雨。 人皇陶唐鸟官李柰丽水盈昃衣裳芥姜陶唐让国。2

Λορεμ ιψωνδωλορ σιτ αμετ,1 κονσεκτετυρ αδιπισικιγγ ελιτ, αλλα δο ειυσμοδ τεμπορ ινκιδιδυντ η λαβορε και δωλορε μαγνα αλιχα. Υτ ενιμ αδ μινιμ ουενιαμ, χις νοστρυδ εξερκιτατιον υλλαμκο λαβορις νισι η αλιχιπ εξ εα κομμωδο κονσεχατ. Δυις αυτε ιρυρε δωλορ ιν ρεπρεχενδεριτ ιν ουωλυπτατε ουελιτ εσσε κιλλων δωλορε ευ φυγιατ νυλλα παριατυρ. Εξκεπτευρ σιντ οκκαικατ κυπιδατατ νον προιδεντ, συντ ιν κυλπα χι οφφικια δεσερυντ μολλιτ ανιμ ιδ εστ λαβορων.2

H3

H4

H5
H6

A short quote

This is a long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long quote

  • some
  • bullet
  • points
  1. an
  2. ordered
  3. list
  4. !

Some code

fn main() {
    let greetings = ["Hello", "Hola", "Bonjour",
                     "Ciao", "こんにちは", "안녕하세요",
                     "Cześć", "Olá", "Здравствуйте",
                     "Chào bạn", "您好", "Hallo",
                     "Hej", "Ahoj", "سلام"];

    for (num, greeting) in greetings.iter().enumerate() {
        print!("{} : ", greeting);
        match num {
            0 =>  println!("This code is editable and runnable!"),
            1 =>  println!("¡Este código es editable y ejecutable!"),
            2 =>  println!("Ce code est modifiable et exécutable !"),
            3 =>  println!("Questo codice è modificabile ed eseguibile!"),
            4 =>  println!("このコードは編集して実行出来ます!"),
            5 =>  println!("여기에서 코드를 수정하고 실행할 수 있습니다!"),
            6 =>  println!("Ten kod można edytować oraz uruchomić!"),
            7 =>  println!("Este código é editável e executável!"),
            8 =>  println!("Этот код можно отредактировать и запустить!"),
            9 =>  println!("Bạn có thể edit và run code trực tiếp!"),
            10 => println!("这段代码是可以编辑并且能够运行的!"),
            11 => println!("Dieser Code kann bearbeitet und ausgeführt werden!"),
            12 => println!("Den här koden kan redigeras och köras!"),
            13 => println!("Tento kód můžete upravit a spustit"),
            14 => println!("این کد قابلیت ویرایش و اجرا دارد!"),
            _ =>  {},
        }
    }
}

With the linenos annotation:

This code is editable and runnable!
    ¡Este código es editable y ejecutable!
Ce code est modifiable et exécutable !
    Questo codice è modificabile ed eseguibile!
このコードは編集して実行出来ます!
    여기에서 코드를 수정하고 실행할 수 있습니다!
Ten kod można edytować oraz uruchomić!
    Este código é editável e executável!
Этот код можно отредактировать и запустить!
    Bạn có thể edit và run code trực tiếp!
    
这段代码是可以编辑并且能够运行的!

Dieser Code kann bearbeitet und ausgeführt werden!
Den här koden kan redigeras och köras!
Tento kód můžete upravit a spustit
    این کد قابلیت ویرایش و اجرا دارد!

A table

atableinmarkdown
12345
2weeweewith a wide column
3weeeeeeewwwwwwwwwwewewewewewewewewith a wideeeeeeeeeeeeeeeeeeee column

Some images

majestic-mountain-peaks-illuminated-by-soft-sunset-light w=150

majestic-mountain-peaks-illuminated-by-soft-sunset-light w=2000

Math expressions in KaTeX

Rendered client-side by KaTeX, which scans the page for LaTeX written inside \\(...\\) for inline or \\[...\\] for block-display through its auto-render extension, or embedded through the katexi/katex shortcodes.

With JavaScript disabled in the browser or KaTeX turned off in the Zola config, the raw LaTeX source stays visible instead of being typeset.


Inline math flows with the prose: Euler's identity \( e^{i\pi} + 1 = 0 \), the Gaussian integral \( \int_{-\infty}^{\infty} e^{-x^2} \mathrm{d}x = \sqrt{\pi} \), and the Pythagorean identity \( \sin^2\theta + \cos^2\theta = 1 \) all sit inside a sentence.

The time-dependent Schrödinger equation couples a partial derivative with a Hamiltonian operator:

\[ i\hbar \frac{\partial}{\partial t}\Psi(\mathbf{r},t) = \left[ -\frac{\hbar^2}{2m}\nabla^2 + V(\mathbf{r},t) \right] \Psi(\mathbf{r},t) \]

Maxwell's four equations, aligned at their relation signs:

\[ \begin{aligned} \nabla \cdot \mathbf{E} &= \frac{\rho}{\varepsilon_0} \\ \nabla \cdot \mathbf{B} &= 0 \\ \nabla \times \mathbf{E} &= -\frac{\partial \mathbf{B}}{\partial t} \\ \nabla \times \mathbf{B} &= \mu_0 \mathbf{J} + \mu_0 \varepsilon_0 \frac{\partial \mathbf{E}}{\partial t} \end{aligned} \]

Euler's product formula connects a sum over the integers with a product over the primes:

\[ \zeta(s) = \sum_{n=1}^{\infty} \frac{1}{n^s} = \prod_{p \text{ prime}} \frac{1}{1 - p^{-s}}, \qquad \Re(s) > 1 \]

Cauchy's integral formula recovers the value of a holomorphic function inside a contour:

\[ f(a) = \frac{1}{2\pi i} \oint_{\gamma} \frac{f(z)}{z - a} \mathrm{d}z \]

A 3D rotation matrix about the \( z \)-axis, built from sines and cosines of the angle \( \theta \):

\[ R_z(\theta) = \begin{pmatrix} \cos\theta & -\sin\theta & 0 \\ \sin\theta & \cos\theta & 0 \\ 0 & 0 & 1 \end{pmatrix} \]

The augmented matrix of a linear system, with a vertical bar separating coefficients from the right-hand side:

\[ \left[\begin{array}{ccc|c} 1 & 2 & -1 & 0 \\ 3 & 0 & 1 & 4 \\ 2 & -1 & 1 & 1 \end{array}\right] \]

The determinant of a \( 3 \times 3 \) matrix, expanded by the rule of Sarrus:

\[ \det A = \begin{vmatrix} a & b & c \\ d & e & f \\ g & h & i \end{vmatrix} = aei + bfg + cdh - ceg - bdi - afh \]

The Maclaurin series of the exponential, boxed to flag it as a result:

\[ \boxed{ e^x = \sum_{n=0}^{\infty} \frac{x^n}{n!} = 1 + x + \frac{x^2}{2!} + \frac{x^3}{3!} + \cdots } \]

A piecewise definition of the signum function:

\[ \operatorname{sgn}(x) = \begin{cases} +1 & \text{if } x > 0 \\ 0 & \text{if } x = 0 \\ -1 & \text{if } x < 0 \end{cases} \]

A vector calculus identity relating curl, gradient, and Laplacian:

\[ \nabla \times (\nabla \times \mathbf{E}) = \nabla(\nabla \cdot \mathbf{E}) - \nabla^{2} \mathbf{E} \]

A truth table for the common propositional connectives, laid out as a bordered array through the katex shortcode:

A commutative diagram for the first isomorphism theorem, where the bottom arrow \( \bar\phi \) is the induced isomorphism:

Via the katexi shortcode (inline), a Dirac bra–ket sits in running text.

Math expressions in Typst

Compiled client-side from Typst markup by typst.ts, which scans the page for Typst written inside $...$ for inline or $ ... $ (whitespace just inside the dollars) for block-display, auto-detected and rendered lazily as it scrolls into view, or embedded through the typsti/typst shortcodes. A literal dollar sign, like $2.50, is written \$.

With JavaScript disabled in the browser or Typst turned off in the Zola config, the raw Typst source remains visible as code.


Inline math weaves through the prose: Euler's identity $e^(i pi) + 1 = 0$, the Gaussian integral $integral_(-oo)^oo e^(-x^2) dif x = sqrt(pi)$, and the binomial coefficient $binom(n, k) = (n!)/(k!(n-k)!)$ all sit inside a sentence.

Escaped dollars - the prices \$100 and \$200 stay literal, while $x^2 >= 0$ on the same line still renders as math.

The time-dependent Schrödinger equation:

$ i ℏ (partial / (partial t)) Psi(bold(r), t) = [- (ℏ^2) / (2m) nabla^2 + V(bold(r), t)] Psi(bold(r), t) $

The Cauchy–Riemann equations, the compatibility condition for a holomorphic function:

$ (partial u) / (partial x) = (partial v) / (partial y), quad (partial u) / (partial y) = - (partial v) / (partial x) $

Euler's product formula over the integers and the primes:

$ zeta(s) = sum_(n=1)^oo 1/n^s = product_(p "prime") 1 / (1 - p^(-s)), quad s > 1 $

A 3D rotation matrix about the $z$-axis, built with mat():

$ R_z(theta) = mat(cos theta, -sin theta, 0; sin theta, cos theta, 0; 0, 0, 1) $

The augmented matrix of a linear system, using augment to draw the separating bar:

$ mat(1, 2, -1, 0; 3, 0, 1, 4; 2, -1, 1, 1; delim: "[", augment: #3) $

The determinant of a $3 times 3$ matrix, with vertical-bar delimiters, expanded by the rule of Sarrus:

$ det A = mat(a, b, c; d, e, f; g, h, i; delim: #("|", "|")) = a e i + b f g + c d h - c e g - b d i - a f h $

A piecewise definition:

$ f(x) = cases(x^2 &"if" x >= 0, -x^2 &"if" x < 0) $

Maxwell's four equations, aligned at their relation signs through the typst shortcode:

$ nabla dot bold(E) &= rho / epsilon_0 \
  nabla dot bold(B) &= 0 \
  nabla times bold(E) &= - (partial bold(B)) / (partial t) \
  nabla times bold(B) &= mu_0 bold(J) + mu_0 epsilon_0 (partial bold(E)) / (partial t) $

The Maclaurin series of the exponential, framed to flag it as a result:

#box(stroke: 0.8pt + black, inset: 5pt, radius: 2pt)[$ e^x = sum_(n=0)^oo x^n / n! = 1 + x + x^2 / 2! + x^3 / 3! + dots $]

A table of common Maclaurin expansions, mixing prose and math in each cell:

#table(
  columns: 3,
  align: (center, center, center),
  [*Function*], [*Maclaurin expansion*], [*Radius*],
  [$e^x$], [$ sum_(n=0)^oo x^n / n! $], [$oo$],
  [$sin x$], [$ sum_(n=0)^oo ((-1)^n x^(2n+1)) / ((2n+1)!) $], [$oo$],
  [$cos x$], [$ sum_(n=0)^oo ((-1)^n x^(2n)) / ((2n)!) $], [$oo$],
  [$ln(1+x)$], [$ sum_(n=1)^oo ((-1)^(n+1) x^n) / n $], [$1$],
  [$(1+x)^alpha$], [$ sum_(n=0)^oo binom(alpha, n) x^n $], [$1$],
)

A sketch figure - a right triangle with its vertices and the Pythagorean relation, drawn from built-in shapes:

#block(width: 240pt, height: 150pt)[]
#place(top + left)[
  #polygon(
    fill: rgb("eaf2ff"),
    stroke: 1.2pt + rgb("2a4d8f"),
    (30pt, 25pt), (30pt, 125pt), (205pt, 125pt),
  )
]
#place(top + left, dx: 30pt, dy: 110pt)[
  #polygon(stroke: 0.9pt + rgb("2a4d8f"), (0pt, 0pt), (15pt, 0pt), (15pt, 15pt))
]
#place(top + left, dx: 16pt, dy: 8pt)[*A*]
#place(top + left, dx: 16pt, dy: 128pt)[*B*]
#place(top + left, dx: 206pt, dy: 128pt)[*C*]
#place(top + left, dx: 90pt, dy: 62pt)[$a^2 + b^2 = c^2$]

Via the typsti shortcode (inline), a Dirac bra–ket $angle.l psi | hat(H) | psi angle.r$ sits in running text.

Via the typst shortcode (display), the continued fraction for the golden ratio:

$ phi = 1 + 1 / (1 + 1 / (1 + 1 / (1 + dots))) $
1

Lorem ipsum dolor sit amet. Sed expedita suscipitAut voluptatem ut tenetur magni cum repellendus necessitatibus ut excepturi accusamus qui iusto facere. Eos beatae consequatur sed vero ullam Id voluptas aut corrupti eveniet est amet doloremque quo sequi facere aut quas quia. Ut reprehenderit autem ad sequi voluptatibus Et fugit qui dolor voluptas est libero quae sed earum rerum ut totam reiciendis. Et explicabo accusantiumAut mollitia sed autem deleniti cum odit quidem qui voluptatum ducimus. Et inventore deleniti est omnis oditqui quos in voluptas libero sed obcaecati dicta.

2

Test footnote. 测试脚注(footnote)渲染 Lorem ipsum dolor sit amet. Sed expedita suscipitAut voluptatem ut tenetur magni cum repellendus necessitatibus ut excepturi accusamus qui iusto facere. Eos beatae consequatur sed vero ullam Id voluptas aut corrupti eveniet est amet doloremque quo sequi facere aut quas quia. Ut reprehenderit autem ad sequi voluptatibus Et fugit qui dolor voluptas est libero quae sed earum rerum ut totam reiciendis. Et explicabo accusantiumAut mollitia sed autem deleniti cum odit quidem qui voluptatum ducimus. Et inventore deleniti est omnis oditqui quos in voluptas libero sed obcaecati dicta.