Markdown & Interactive Features Showcase | Tech

This post showcases the rich Markdown capabilities and interactive features supported out of the box.

Code Highlighting & Line Numbers

Here is a TypeScript code example with syntax highlighting:

interface UserProfile {
  name: string;
  role: string;
  skills: string[];
}

const developer: UserProfile = {
  name: "Ayush",
  role: "Software Engineer",
  skills: ["TypeScript", "React", "Astro", "Node.js"]
};

console.log(`Hello from ${developer.name}!`);

Callouts & Containers

This is a standard informational callout block.

Here is a helpful tip for writing great blog posts.

Keep security credentials and API keys in environment variables, not in public repositories!

Math Equations (KaTeX)

Inline formulas: $E = mc^2$ and $e^{i\pi} + 1 = 0$ .

Block formulas:

\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}

Interactive Spoilers & Text Effects

You can write spoilers like this: Hidden spoiler text that reveals on hover or click

And styled text like highlighted text or ~~strikethrough~~.

Happy writing!