Complete Markdown Style Test

4 min read

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
Heading Level 6

Paragraph Text

This is a regular paragraph with bold text, italic text, and bold italic text. You can also use underscores for italics and double underscores for bold. Here’s some strikethrough text as well.

This is a second paragraph to demonstrate spacing between paragraphs. It includes inline code and a regular link as well as an internal link.

Emphasis and Text Formatting

  • Bold text using asterisks
  • Bold text using underscores
  • Italic text using asterisks
  • Italic text using underscores
  • Bold and italic combined
  • Strikethrough text
  • Inline code with backticks
  • Highlighted text

Japanese Text Testing

これは日本語のテストパラグラフです。太字のテキストイタリック体、そしてインラインコードを含んでいます。

漢字、ひらがな、カタカナ、そして英語の混在テスト: 今日はとても良い天気です。Let’s go to カフェ for some coffee!

Lists

Unordered List

  • First level item
  • Another first level item
    • Second level item
    • Another second level item
      • Third level item
      • Another third level item
  • Back to first level

Ordered List

  1. First item
  2. Second item
    1. Nested item 2.1
    2. Nested item 2.2
  3. Third item
    1. Nested item 3.1
      1. Deep nested 3.1.1
      2. Deep nested 3.1.2
  4. Fourth item

Mixed List

  1. First ordered item
    • Unordered sub-item
    • Another unordered sub-item
  2. Second ordered item
    1. Ordered sub-item
    2. Another ordered sub-item
      • Mixed nesting

Task List

  • Completed task
  • Uncompleted task
  • Another completed task
    • Nested uncompleted task
    • Nested completed task

Blockquotes

This is a simple blockquote. It can contain bold, italic, and code.

This is a multi-line blockquote. It continues on the next line.

And even has multiple paragraphs.

Nested blockquotes are also possible.

This is a nested quote.

And this is triple nested.

Code Blocks

JavaScript

// JavaScript code with syntax highlighting
function greetUser(name) {
  const message = `Hello, ${name}!`;
  return message;
}

const result = greetUser("World");

Python

# Python code example
def fibonacci(n):
    """Generate Fibonacci sequence up to n terms"""
    fib_sequence = [0, 1]
    for i in range(2, n):
        fib_sequence.append(fib_sequence[-1] + fib_sequence[-2])
    return fib_sequence

print(fibonacci(10))

Shell

# Shell commands
npm install @fontsource/noto-sans-jp
echo "Testing monospace font"
ls -la /usr/local/bin

JSON

{
  "name": "test-project",
  "version": "1.0.0",
  "dependencies": {
    "react": "^18.0.0",
    "typescript": "^5.0.0"
  }
}

Tables

Basic Table

Header 1Header 2Header 3
Cell 1Cell 2Cell 3
Cell 4Cell 5Cell 6
Cell 7Cell 8Cell 9

Aligned Table

Left AlignedCenter AlignedRight Aligned
LeftCenterRight
LoremIpsumDolor
123456789

Complex Table with Formatting

FeatureDescriptionStatusPriority
BoldText in bold✅ CompleteHigh
ItalicText in italics⏳ In ProgressMedium
CodeInline code❌ Not StartedLow
LinkClickable link✅ CompleteHigh

Horizontal Rules


Three hyphens


Three asterisks


Three underscores

Images

Alt text for image

Small image

HTML Elements

Click to expand

This is hidden content that can be toggled.

  • It can contain lists
  • Bold text
  • Code blocks

Ctrl + C to copy

Superscript and Subscript text

Mathematical Expressions

Inline math: $E = mc^2$

Block math:

$$ \frac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$

Footnotes

Here’s a sentence with a footnote1.

This is another sentence with a different footnote2.

Definition Lists

Term 1 : Definition for term 1

Term 2 : Definition for term 2 : Alternative definition for term 2

Abbreviations

HTML is great for web development. CSS makes things pretty.

*[HTML]: HyperText Markup Language *[CSS]: Cascading Style Sheets

Emoji Support

🎉 Celebration emoji 🚀 Rocket emoji 💻 Computer emoji 🌸 Sakura emoji for Japanese context

Edge Cases and Special Characters

Special characters: & < > ” ’ © ® ™ € ¥ £ ¢

Escaping: *not italic* [not a link] `not code`

Very long word: supercalifragilisticexpialidocious

Very long URL: https://example.com/very/long/path/to/resource/that/might/break/layout/in/some/cases/test.html

Nested Elements

Quote with heading

This quote contains:

  • A list item
  • Another item with bold
// Code inside a quote
alert("Hello");
TableIn Quote
YesIt works

Unicode and Special Scripts

Arabic: مرحبا بالعالم Hebrew: שלום עולם Chinese: 你好世界 Korean: 안녕하세요 Russian: Привет мир Greek: Γεια σου κόσμο

Final Typography Test

The quick brown fox jumps over the lazy dog. THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG. 1234567890

いろはにほへと ちりぬるを わかよたれそ つねならむ うゐのおくやま けふこえて あさきゆめみし ゑひもせす

Footnotes

  1. This is the first footnote.

  2. This is the second footnote with formatting.