Hello World: My First Blog Post
Welcome to my blog! This is a sample post demonstrating all the MDX features available.
Welcome to my blog! This is a sample post to show you all the features available when writing with MDX.
What is MDX?
MDX is a format that lets you seamlessly write JSX in your Markdown documents. You can import components, such as interactive charts or alerts, and embed them within your content.
Code Blocks
Here's an example of some code:
const greeting = "Hello, World!";
console.log(greeting);
function fibonacci(n) {
if (n <= 1) return n;
return fibonacci(n - 1) + fibonacci(n - 2);
}
Inline Code
You can also use inline code like this within your paragraphs.
Typography Features
This blog supports various typography features:
- Bold text for emphasis
- Italic text for subtle emphasis
Strikethroughfor corrections- Links with proper styling
Lists
- First ordered item
- Second ordered item
- Third ordered item
Unordered lists work too:
- Item one
- Item two
- Item three
Blockquotes
"The best way to predict the future is to invent it." — Alan Kay
Tables
| Feature | Status | Notes |
|---|---|---|
| MDX Support | ✅ | Full support |
| Syntax Highlighting | ✅ | Via rehype-highlight |
| GFM Tables | ✅ | Via remark-gfm |
Getting Started
To add a new blog post, create a new .mdx file in the /content/blog directory with the following frontmatter:
---
title: "Your Post Title"
date: "2024-03-24"
description: "A brief description of your post"
tags: ["tag1", "tag2"]
---
Then write your content using Markdown and MDX!
Happy writing! 🚀