GFM Demo

Overview#

This page demonstrates various GitHub Flavored Markdown (GFM) features supported by the tech-hub platform.

Subheading Level 3#

This is a subsection with various markdown elements.

Subheading Level 4

This demonstrates the fourth level heading.

Lists#

Ordered List#

1. First item in the list
2. Second item with more content
3. Third item
4. Fourth item

Unordered List#

• Item one
• Item two
  • Nested item two-a
  • Nested item two-b
• Item three

Code Blocks#

TypeScript Example#

interface ContentNode {
  kind: 'section' | 'page';
  slug: string[];
  title: string;
  order: number;
  children?: ContentNode[];
}

export async function getContentTree(): Promise<ContentNode[]> {
  // Implementation here
  return [];
}

Bash Example#

#!/bin/bash
pnpm install
pnpm run build
docker build -t tech-hub:latest .
docker run -p 3000:3000 tech-hub:latest

Tables#

Feature	Support	Status
Headings	Yes	Working
Tables	Yes	Working
Code blocks	Yes	Working
Mermaid diagrams	Yes	Working
Task lists	Yes	Working
Bold and italic	Yes	Working

Task List#

• Create content structure
• Set up frontmatter schema
• Implement content API
• Add authentication
• Deploy to production

Blockquote#

This is a blockquote that can contain important information or citations. It can span multiple lines and provides emphasis for key concepts. Blockquotes are useful for highlighting important content.

Text Formatting#

Here is some bold text and some italic text. You can also combine them for bold and italic text.

Inline code can be used to reference variables, functions, or short code snippets within regular text.

Links#

Visit the official React documentation for more information.

You can also use relative links to reference other pages in the documentation.