← Back to all posts
Public2 min readDebmalya Pramanik

Hello, World

The first post on the TyPhed blog β€” a quick tour of MDX, LaTeX math, tables, and syntax-highlighted code.

metamdxlatex

Welcome to the TyPhed blog. This first post exists to exercise the content pipeline end to end, so you can see exactly what Markdown, math, tables, and code look like once they are rendered with the site theme.

Inline and display math

Math is written in plain LaTeX and typeset with KaTeX at build time β€” there is no runtime JavaScript cost. The mass–energy equivalence is E=mc2E = mc^2, and Euler's identity, eiΟ€+1=0e^{i\pi} + 1 = 0, sits inline with the prose.

A display equation renders centered on its own line:

∫0∞eβˆ’x dx=1\int_0^\infty e^{-x}\,\mathrm{d}x = 1

Longer expressions scroll horizontally on small screens rather than breaking the layout:

f^(ΞΎ)=βˆ«βˆ’βˆžβˆžf(x) eβˆ’2Ο€ixξ dx\hat{f}(\xi) = \int_{-\infty}^{\infty} f(x)\, e^{-2\pi i x \xi}\,\mathrm{d}x

Tables

GitHub-flavored Markdown tables work out of the box and pick up the theme border and muted header:

CapabilityPowered byShips in the export
Markdown + JSXMDXβœ…
MathKaTeXβœ…
Code highlightShikiβœ…

Code

Fenced code blocks are highlighted at build time with dual light/dark themes, so they recolor with the theme toggle:

export function greet(name: string): string {
  return `Hello, ${name}!`
}
 
greet("TyPhed")

Inline code such as const answer = 42 is styled as a subtle pill.

Blockquotes, lists, and links all inherit the same tokens as the rest of the site, so posts feel like part of the brand rather than a bolt-on.

  • Add a new .mdx file under content/blog/
  • Give it title, description, and date frontmatter
  • Push, cut a release, and it's live

Happy writing.