Markdown Rendering Examples

🕒 Reading time: 1 min📝 Words: 245👀 Views: Loading...

Comprehensive Markdown Syntax Guide

Basic Syntax

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Emphasis

Italic or Italic Bold or Bold Bold Italic or Bold Italic Strikethrough Underline

Lists

Unordered Lists

  • Item 1
  • Item 2
  • Item 3

Ordered Lists

  1. Item 1
  2. Item 2
  3. Item 3

Task Lists

  • Completed task
  • Incomplete task

Link text Image description

Blockquotes

This is a blockquote

This is a nested blockquote

Triple nested blockquote

Code

Inline code var example = "hello";

This is a code example
// Code block
function example() {
return "Hello, world!";
}

Horizontal Rules




Tables

Header 1 Header 2 Header 3
Left Center Right
Cell Cell Cell

Advanced Nesting Examples

Nested Lists

  1. First level
    • Second level
      • Third level
        • Fourth level
    • Back to second level
  2. Back to first level

Nested Blockquotes and Formatting

First level blockquote

Second level blockquote

Bold text with italics inside

  1. List within blockquote
  2. Second item

Code within blockquote

Back to first level

Formatting in Tables

Feature Syntax Result
Bold **text** text
Italic *text* text
Code `code` code
Link [link](url) link

HTML Mixing

HTML Block

This is an HTML paragraph mixed with Markdown

  • Markdown list within HTML
  • Second item

Markdown blockquote within HTML

Footnotes

Here is a footnote1, and another one2.

LaTeX Math Formulas

Inline formula: E=mc2E=mc^2

Block formula:

ddx(ex)=ex\frac{‘{’}d{‘}’}{‘{’}dx{‘}’}(e^x) = e^x

Mermaid

graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;

Special Character Escaping

* Escaped asterisk \ Escaped backslash ` Escaped backtick _ Escaped underscore { } Escaped curly braces [ ] Escaped square brackets ( ) Escaped parentheses # Escaped hash + Escaped plus - Escaped minus . Escaped period ! Escaped exclamation mark

Footnotes

  1. This is the content of the first footnote.

  2. This is the second footnote, which can span multiple lines. Indented content belongs to the footnote.

Markdown Rendering Examples

Author: xingwangzhe

Article link: https://stalux.needhelp.icu/posts/2cb4f19c/

This article is licensed under 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议.