Below is the writing tutorial:

Base

https://github.github.com/gfm/

Main Heading (H1)

Secondary Heading (H2)

Third Level Heading (H3)

Fourth Level Heading (H4)

Fifth Level Heading (H5)

Sixth Level Heading (H6)

Basic Formatting

Bold text and italic text

Bold and italic text

Strikethrough text

Blockquote text

Multiple paragraph blockquote

Lists

Unordered Lists

• Item 1
• Item 2
  • Subitem 2.1
  • Subitem 2.2
• Item 3

Ordered Lists

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

Code

Inline code: var example = "hello";

Code block with syntax highlighting:

function helloWorld() {
  console.log("Hello, world!");
  return true;
}

Links and Images

Link to GitHub

Alt text for image

Tables

Task Lists

• Completed task
• Incomplete task
• Another task

Horizontal Rule

Escaping Characters

*This text is surrounded by asterisks but is not italic*

HTML in Markdown

↑ End GFM ↑

Additions

1. sticker

2. images with specific dimension

favicon with 10rem width and unset height favicon with 50% width and 100px height

3. paragraph indents

  Indent of paragraph start.

4. link with opening in new window

google

5. text with color

gray text red bold

6. text with underline

underline italic red underline italic

7. embed youtube video

8. embed bilibili video

9. raw html

10. fieldset

const s = 123;

11. encrypted block

[encrypt] will be encrypted during uploading [/encrypt]

12. container block

13. embed video/audio

14. mathematic formula

• inline level $F(n) = F(n-1) + F(n-2)$ formula.
• block level:
  $F(n) = \begin{cases} 0, & \text{if } n = 0 \\ 1, & \text{if } n = 1 \\ F(n-1) + F(n-2), & \text{if } n > 1 \end{cases}$

15. text with mask

you found me you found me you found me you found me you found me you found me you found me you found me you found me you found me you found me you found me

and me

16. mermaid diagram

please check reference

sequenceDiagram
    Alice->>John: Hello John, how are you?
    John-->>Alice: Great!
    Alice-)John: See you later!

More

coming...