Hello World: My First Learning Note

Welcome to my blog! This is a sample post demonstrating the MDX rendering pipeline with callout boxes and syntax highlighting.

Why MDX?

MDX lets me embed interactive Svelte components directly in my notes. Here's an example of a code block:

function greet(name: string): string {
  return `Hello, ${name}!`;
}

console.log(greet("World"));

Callout Examples

:::note This is a note callout — useful for supplementary information. :::

:::tip This is a tip callout — great for highlighting best practices. :::

:::warning This is a warning callout — use when something requires caution. :::

:::info This is an info callout — perfect for important context. :::

What's Next?

In future posts, I'll share my learning journey on topics like TypeScript, SvelteKit, and more. Stay tuned!