Markdown Demo Page

This page demonstrates all well-known markdown and markdown extra elements.

Table of Contents

• Headers
• Text Formatting
• Lists
• Links and Images
• Code
• Tables
• Blockquotes
• Horizontal Rules
• HTML Elements
• Markdown Extra Features

Headers

Header 1

Header 2

Header 3

Header 4

Header 5

Header 6

Not allowed: Alternative H1 or Alternative H2

Text Formatting

Bold text or bold text

Italic text or italic text

Bold and italic or bold and italic

Strikethrough text

Highlighted text (if supported)

Subscript: H₂O

Superscript: X²

Lists

Unordered Lists

• Item 1
• Item 2
  • Subitem 2.1
  • Subitem 2.2
    • Sub-subitem 2.2.1
• Item 3

Alternative syntax:

• Item A
• Item B
  • Subitem B.1
  • Subitem B.2

Ordered Lists

1. First item
2. Second item
   1. Subitem 2.1
   2. Subitem 2.2
3. Third item

Task Lists

• Completed task

  Task Description

• Incomplete task with subtasks

  Task Description

  • Completed subtask
  • Another completed subtask
  • Incomplete subtask
• Another incomplete task
• Simple completed task without description
• Simple incomplete task without description

Definition Lists

Term 1

Definition 1

Term 2

Definition 2a

Definition 2b

Complex Term with Multiple Words

This is a longer definition that spans multiple words and shows how the styling works with more content.

Single Definition Term

Just one definition here.

Admonitions

Links and Images

Links

Inline link

Link with title

Reference link

Another reference link

https://example.com

Images

Code

Inline Code

Use inline code for small snippets.

Code Blocks

Plain code block
No syntax highlighting

// JavaScript code block
function greet(name) {
    console.log(`Hello, ${name}!`);
}

# Python code block
def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)

-- SQL code block
SELECT id, name, email
FROM users
WHERE active = 1;

Terraform Code with Line Highlighting

resource "azurerm_resource_group" "vending-identity" {
  name     = var.management_vending_settings.user_assigned_resource_group_name
  location = var.management_vending_settings.location
  tags     = var.tags
}
 
resource "azurerm_user_assigned_identity" "vending-uai" {
  for_each = local.federated_credentials
 
  location            = azurerm_resource_group.vending-identity.location
  resource_group_name = azurerm_resource_group.vending-identity.name
  name                = each.value.name
  tags                = var.tags
}
 
resource "azurerm_federated_identity_credential" "vending-uai" {
  for_each = merge([
    for key, identity in local.federated_credentials : {
      for credential in identity.credentials : credential.name => {
        name    = credential.name
        step    = credential.workflow_step
        subject = credential.subject
      }
    }
  ]...)
 
  name                = each.value.name
  resource_group_name = azurerm_resource_group.vending-identity.name
  audience            = ["api://AzureADTokenExchange"]
  issuer              = "https://token.actions.githubusercontent.com"
  parent_id           = azurerm_user_assigned_identity.vending-uai[each.value.step].id
  subject             = each.value.subject
}

Tables

Simple Table

Table with Alignment

Table with Complex Content

Blockquotes

This is a simple blockquote.

This is a blockquote that spans multiple lines.

Blockquote with header

This blockquote contains other markdown elements:

• List item 1
• List item 2

Bold text in blockquote.

Level 1 quote

Level 2 nested quote

Level 3 nested quote

Horizontal Rules

HTML Elements

Ctrl + C to copy

Highlighted text with HTML

Markdown Extra Features

Footnotes

This text has a footnote¹.

Another footnote reference².

Abbreviations

The HTML and CSS specifications are maintained by W3C.

Special Attributes

Headers with IDs {#custom-header-id}

Emphasis with Classes {.class-name}

Links with Attributes

Link with attributes{.external target="_blank"}

Math (if supported)

Inline math: $E = mc^2$

Block math: $$ \int_{-\infty}^{\infty} e^{-x2} dx = \sqrt{\pi} $$

Mermaid Diagrams (if supported)

graph TD
    A[Start] --> B{Decision}
    B -->|Yes| C[Process 1]
    B -->|No| D[Process 2]
    C --> E[End]
    D --> E
linkStyle default stroke: white

Emoji (if supported)

🙂 🥳 👍 🚀 🌟

Special Characters and Escaping

*Not italic*

`Not code`

\Backslash

# Not a header

Line Breaks

This line ends with two spaces
And this is a new line.

This line ends with a backslash
And this is also a new line.

This comprehensive demo showcases the full range of markdown and markdown extra capabilities.