Writing a Typst blog

2026-09-03

Fundamentals

Theorem 1. Typst is the best language for writing blogs.

Proof. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis.

Level 2 heading

When exporting to HTML, Typst headings start from level 2 instead of level 1.

Level 3 heading

The heading above is an <h3> element in exported HTML, this is intentional.

Math Formulas

Euler’s formula

Euler’s formula, named after Leonhard Euler, is a mathematical formula in complex analysis that establishes the fundamental relationship between the trigonometric functions and the complex exponential function. Euler’s formula states that, for any real number $𝑥$ , one has

𝑒^{𝑖 𝑥} = cos 𝑥 + 𝑖 sin 𝑥

where $𝑒$ is the base of the natural logarithm, $𝑖$ is the imaginary unit, and $cos$ and $sin$ are the trigonometric functions cosine and sine respectively. This complex exponential function is sometimes denoted $cis 𝑥$ (“cosine plus i sine”). The formula is still valid if $𝑥$ is a complex number, and is also called Euler’s formula in this more general case.

Riemann zeta function

The Riemann zeta function or Euler–Riemann zeta function, denoted by the lowercase Greek letter $𝜁$ (zeta), is a mathematical function of a complex variable defined as

𝜁 (𝑠) = \sum_{𝑛 = 1}^{\infty} \frac{1}{𝑛^{𝑠}} = \frac{1}{1^{𝑠}} + \frac{1}{2^{𝑠}} + \frac{1}{3^{𝑠}} + \dots

for $ℜ (𝑠) > 1$ , and its analytic continuation elsewhere.

Why I made this blog

See Theorem 1.

Behind the scene

Check out the source code of this page:

#let metadata = (
  title: [Writing a Typst blog],
  author: "Lancy",
  description: [An example blog post written in Typst.],
  keywords: ("typst"),
  date: datetime(year: 2026, month: 9, day: 3),
)

#let theorem(body) = figure(
  body,
  kind: "theorem",
  supplement: [Theorem],
)
#show figure.where(kind: "theorem"): it => block[
  #strong([#it.supplement #counter(figure.where(kind: "theorem")).display().])
  #it.body
]

= Fundamentals

#theorem[
  Typst is the best language for writing blogs.
] <best>

_Proof._ #lorem(42)

= Level 2 heading

When #link("https://typst.app/docs/reference/model/heading/#html-export")[exporting to HTML], Typst headings start from level 2 instead of level 1.

== Level 3 heading

The heading above is an `<h3>` element in exported HTML, this is #link("https://github.com/typst/typst/issues/8290#issuecomment-4458102036")[intentional].

= Math Formulas

== Euler's formula

#link("https://en.wikipedia.org/wiki/Euler%27s_formula")[*Euler's formula*], named after Leonhard Euler, is a mathematical formula in complex analysis that establishes the fundamental relationship between the trigonometric functions and the complex exponential function. Euler's formula states that, for any real number $x$, one has

$ e^(i x) = cos x + i sin x $

where $e$ is the base of the natural logarithm, $i$ is the imaginary unit, and $cos$ and $sin$ are the trigonometric functions cosine and sine respectively. This complex exponential function is sometimes denoted $op("cis")x$ ("cosine plus i sine"). The formula is still valid if $x$ is a complex number, and is also called _Euler's formula_ in this more general case.

== Riemann zeta function

The #link("https://en.wikipedia.org/wiki/Riemann_zeta_function")[*Riemann zeta function*] or *Euler–Riemann zeta function*, denoted by the lowercase Greek letter $zeta$ (zeta), is a mathematical function of a complex variable defined as

$ zeta(s) = sum_(n = 1)^oo 1 / n^s = 1 / 1^s + 1 / 2^s + 1 / 3^s + dots.c $

for $Re(s) > 1$, and its analytic continuation elsewhere.

= Why I made this blog

See @best.

= Behind the scene

Check out the #link("https://tangled.org/lancy.tngl.sh/site/blob/main/typst/pages/blog/2026-09-03-writing-a-typst-blog/index.typ")[source code] of this page:

#raw(block: true, lang: "typst", read("index.typ"))