Heading 1

This is a paragraph under a level 1 heading.

Heading 2

This is a paragraph under a level 2 heading.

Heading 3

This is a paragraph under a level 3 heading.

Heading 4

This is a paragraph under a level 4 heading.

Heading 5

This is a paragraph under a level 5 heading.

Heading 6

This is a paragraph under a level 6 heading.

Paragraphs and Text Formatting

This is a normal paragraph. It can contain bold text, italic text, bold italic text, strikethrough, inline code, and link text .

This is another paragraph to test spacing between paragraphs.

Blockquotes

This is a simple blockquote.

Blockquotes can contain multiple paragraphs.

This is an example of a nested blockquote:

This is nested quote content.

Multiple levels of nesting are possible.

Lists

Unordered List

  • First item
  • Second item
    • Nested item 1
    • Nested item 2
      • Even deeper nested item
  • Third item

Ordered List

  1. First item
  2. Second item
    1. Nested ordered item 1
    2. Nested ordered item 2
      1. Even deeper nested item
  3. Third item

Task List (Checkbox)

  • Completed task
  • Incomplete task
  • Another completed task
  • Nested task list
    • Subtask 1 (done)
    • Subtask 2 (not done)
    • Subtask 3 (done)

Definition List

Term 1
This is the definition for term 1.
Term 2
This is the definition for term 2.
Terms can have multiple definitions.

Code

Inline Code

This is a paragraph with console.log('Hello World') inside.

Code Blocks

main.js
 1function fibonacci(n) {
 2  if (n <= 1) return n;
 3  return fibonacci(n - 1) + fibonacci(n - 2);
 4}
 5
 6
 7const result = fibonacci(10);
 8console.log(`The 10th Fibonacci number is: ${result}`);
 9
10// Async/Await
11const asyncFunction = async () => {
12  try {
13    const response = await fetch('/api/data');
14    const data = await response.json();
15    return data;
16  } catch (error) {
17    console.error('Error fetching data:', error);
18  }
19};
Click to expand and view more

Tables

Left Align Center Align Right Align
Content 1 Content 2 Content 3
Longer content Medium Short
Data A Data B Data C

Images

Sample Image
Sample Image

This is a regular link .

This is a link with title .

This is a reference-style link: Reference Link

Footnotes

This is a paragraph with a footnote1.

Here is another footnote2.

Highlighted Text

This is a paragraph with highlighted text.

Superscript and Subscript

H2O is the chemical formula for water.

E = mc2 is Einstein’s mass-energy equation.

Keyboard Keys

Press Ctrl + C to copy text.

Math

Inline formula: $E = mc^2$

Block Formula

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

$$e^{i\pi} + 1 = 0$$

$$\begin{pmatrix} a & b \\ c & d \end{pmatrix} \begin{pmatrix} x \\ y \end{pmatrix} = \begin{pmatrix} ax + by \\ cx + dy \end{pmatrix}$$

Mermaid

  sequenceDiagram
    participant User
    participant Browser
    participant Server
    participant Database

    User->>Browser: Enter URL
    Browser->>Server: Send HTTP Request
    Server->>Database: Query Data
    Database-->>Server: Return Data
    Server-->>Browser: Return HTML
    Browser-->>User: Display Page

Alert

Details

Click to expand details

This is the collapsed detailed content.

You can include any Markdown syntax here:

  • List item
  • Bold text
  • Code

  1. This is the content of the first footnote. ↩︎

  2. This is the content of a named footnote. ↩︎

Copyright Notice

Author: Hugo Narrow

Link: https://hugo-narrow.vercel.app/posts/markdown-syntax-guide/

License: CC BY-NC-SA 4.0

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License. Please attribute the source, use non-commercially, and maintain the same license.

Start searching

Enter keywords to search articles

↑↓
ESC
⌘K Shortcut