The State of Static Blogs in 2024

Welcoming some UX features

Within the blog itself (in terms of layout, appearance, and navigation), several features are essential for ensuring a great user experience:

• Theme selectors are designed to be self-explanatory. One is added to the top right of the header, which is sticky instead of absolute, so it doesn’t break the document flow (and thus there’s no need to add mt-20 to the top of every page).

• The table of contents for a post should not be reduced to a <details closed> at the beginning of a blog post on desktop. Navigating through the contents would otherwise require scrolling to the top of the page. A sticky TableOfContents component has been implemented, always positioned at the unused left side margin of the blog post. A tiny client-side script utilizing IntersectionObserver highlights the headings currently in view within the TOC as the page is scrolled. This also handles nested headings, where the parent heading of a visible child remains highlighted even if off-screen (see the 404 page). On mobile, a collapsible <details> element is still used for the table of contents, as a side navigation for small screens is impractical.

• Every page, except the homepage, features a <Breadcrumb> component that shows the user’s current location in the site hierarchy. Breadcrumbs are excellent for both discoverability (SEO and crawling) and user experience, as they help users understand how “deep” they are within the site.

• Each tag has its own page, which lists all of the posts under that tag.

• $\LaTeX$ is fully supported with KaTeX.

  To solve the cubic equation $t^3 + pt + q = 0$ (where the real numbers $p, q$ satisfy ${4p^3 + 27q^2} > 0$) one can use Cardano’s formula:

  $$\sqrt[{3}]{ -\frac{q}{2} +\sqrt{\frac{q^2}{4} + {\frac{p^{3}}{27}}} }+ \sqrt[{3}]{ -\frac{q}{2} -\sqrt{\frac{q^2}{4} + {\frac{p^{3}}{27}}} }$$

  For any $u_1, \dots, u_n \in \mathbb{C}$ and $v_1, \dots, v_n \in \mathbb{C}$, the Cauchy–Bunyakovsky–Schwarz inequality can be written as follows:

  $$\left| \sum_{k=1}^n {u_k \bar{v_k}} \right|^2 \leq { \left( \sum_{k=1}^n {|u_k|} \right)^2 \left( \sum_{k=1}^n {|v_k|} \right)^2 }$$

  Finally, the determinant of a Vandermonde matrix can be calculated using the following expression:

  $$\begin{vmatrix} 1 & x_1 & x_1^2 & \dots & x_1^{n-1} \\ 1 & x_2 & x_2^2 & \dots & x_2^{n-1} \\ 1 & x_3 & x_3^2 & \dots & x_3^{n-1} \\ \vdots & \vdots & \vdots & \ddots & \vdots \\ 1 & x_n & x_n^2 & \dots & x_n^{n-1} \\ \end{vmatrix} = {\prod_{1 \leq {i,j} \leq n} {(x_i - x_j)}}$$

  —Three famous mathematical formulas (Mozilla Docs)

Something important

• No need for CMS.
• Ctrl + K shortcut.

Something more important

1. Foo
2. Bar
3. FizzBuzz