This file tests all MDX features and custom plugins used on this site.

Headings Test

H3 Heading

H4 Heading

H5 Heading

Text Formatting

This is bold text and this is italic text. Here’s some inline code.

Links

Internal link stays in same window.

External link opens in new tab automatically¹.

Images

Basic image with caption

Image without caption

Image caption with markdown formatting

Image caption with math

Code Blocks

Basic code block

const hello = "world";
console.log(hello);

Code block with filename

function main() {
  console.log("Hello from app.js");
}

Code block with caption

def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)

Code block with both filename and caption

import express from 'express';

const app = express();
app.listen(3000);

Code block caption with markdown formatting

function delay(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

Code block caption with math

def merge_sort(arr):
    if len(arr) <= 1:
        return arr
    mid = len(arr) // 2
    left = merge_sort(arr[:mid])
    right = merge_sort(arr[mid:])
    return merge(left, right)

Code block with meta attributes

npm install
npm run build

Lists

Unordered list

• Item 1
• Item 2
  • Nested item 2.1
  • Nested item 2.2
• Item 3

Ordered list

1. First item
2. Second item
3. Third item

Horizontal Rule

The horizontal rule below renders as three centered dots:

Text continues after the rule.

Math (KaTeX)

Inline math: $E = mc^2$

Block math:

Blockquotes

This is a blockquote. It can span multiple lines.

And multiple paragraphs.

Tables (GFM)

Task Lists (GFM)

• Completed task
• Incomplete task
• Another task

Strikethrough (GFM)

This text is struck through

SVG Images

HTML in MDX

Complex Code Example

async function fetchData(url) {
  try {
    const response = await fetch(url);
    const data = await response.json();
    return data;
  } catch (error) {
    console.error('Failed to fetch:', error);
    throw error;
  }
}

// Usage
fetchData('https://api.example.com/data')
  .then(data => console.log(data))
  .catch(err => console.error(err));

Edge Cases

Empty code block

Very long filename

const test = true;

Special characters in caption

print("Hello, world!")

Indented Paragraphs

Regular paragraph text here.

This paragraph is indented by 2rem (indent-8) for paragraph continuation.

Back to regular paragraph.

Footnotes

This is a sentence with a footnote reference².

You can reference the same footnote multiple times².

Here’s a more complex footnote with detailed information³.

The algorithm has a time complexity of $O(n^2)$⁴.

Conclusion

This fixture tests all major features including:

• ✅ Image captions with markdown and KaTeX
• ✅ Code captions with markdown and KaTeX
• ✅ Footnotes with back-references
• ✅ External links opening in new tabs
• ✅ Indented paragraphs
• ✅ Horizontal rules as three dots
• ✅ Math rendering (inline and block)
• ✅ All standard markdown features

This should build without errors.