🧪 Markdown Styling Test File

This file demonstrates all supported Markdown syntax, including extensions commonly used in modern engines like GitHub, VS Code, or static site generators.


🟦 Headings

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading

🟨 Text Styles

Bold
Italic
Bold & Italic
Strikethrough
==Highlighted text== (if supported)
Subscript
Superscript
Underlined (HTML)


🟩 Lists

✅ Unordered List

🔢 Ordered List

  1. First
  2. Second
    1. Subitem
    2. Subitem
  3. Third

🟧 Task List


🟥 Blockquotes

This is a blockquote
With multiple lines

Nested blockquote


🟪 Code

Inline Code

npm install markdown-it

Code Block

```js function greet(name) { console.log(`Hello, \${name}!`); } greet("World"); ```


🟫 Horizontal Rule


⬛ Tables

Syntax Description Example
Header Title Text
Cell Cell Cell

🟫 Links

Standard Link
Reference Link
https://example.com


🟪 Images

Alt Text


🟨 HTML Elements

Click to Expand

This is a collapsible section with Markdown inside.


🟦 Emojis

:rocket: :tada: :warning: :zap:


🟥 Footnotes

Here is a footnote reference[^1].

[^1]: This is the footnote definition.


🟩 Definitions (if supported)

Term 1
: Definition 1

Term 2
: Definition 2


🟧 Custom Containers (Markdown-it or MDX)

This is a tip box.

This is a warning box.


🧪 Math (if supported)

Inline math: $E=mc^2$

Block math:

```math \int_0^\infty x^2 dx = \frac{\pi^2}{6} ```


🧱 Mermaid Diagrams (GitHub/Obsidian/Docsify)

```mermaid graph TD A[Start] --> B{Choice} B -->|Yes| C[Do Thing] B -->|No| D[Do Other Thing] ```


🧩 YAML Frontmatter (already shown above)


🧬 Embedded HTML

This is a styled HTML block.

🧷 Raw Markdown Characters

Backtick: `
Asterisk: *
Underscore: _
Bracket: [ ]
Parentheses: ( )
Hash: #
Plus: +
Minus: -
Exclamation: !