Markdown + typora tutorial


Introduction to markdown

Introduction to markdown

  1. Markdown is a lightweight markup language that allows people to write documents in plain text format that is easy to read and write.
  2. The markdown language was created by John Gruber in 2004.
  3. The documents written by markdown can be exported to HTML, word, image, PDF, ePub and other formats.
  4. The suffix of the document written by markdown, .markdown

Markdown application

  1. Markdown can be used to write e-books, such as gitbook.
  2. Markdown is widely used by many websites to write help documents or to post messages on forums. For example: GitHub, brief book, reddit, diaspora, stack exchange, OpenStreetMap, SourceForge, etc.

Markdown editor

  1. This tutorial will use the typora editor to explain the syntax of markdown. Typora supports MacOS, windows and Linux platforms, and contains a variety of topics. After editing, the effect is directly rendered.
  2. Support the export of HTML, PDF, word, pictures and other types of files.
  3. Typora website:

Markdown grammar


Title: ා followed by a space type ora shortcut
    #First level Title Ctrl + 1
    ##Secondary Title Ctrl + 2
    ###Level 3 Title Ctrl + 3
    ####Level 4 Title Ctrl + 4
    #####Five level Title Ctrl + 5
    ######Level 6 Title Ctrl + 6

Markdown + typora tutorial](IMGs / Title display. PNG)


Paragraph Ctrl + 0

This is a paragraph


    *Italicized text * Ctrl + I
    A kind of Italicized text_ Ctrl+I
    **Bold text * * Ctrl + B
    Wei Bold text__ Ctrl+B
    ***Bold italics text * * Ctrl + I + B
    A kind of Text in bold italics___ Ctrl+I+B

This is italics

This is bold

This is bold italics

Dividing line

Split line: you can use more than three asterisks, minus signs, and bottom lines in a line to create a separator line. There can be no other things in the line. You can also insert a space between an asterisk or a minus sign.
    * * *
    - - -
    _ _ _


Strikeout: if you want to add a strikeout to a paragraph, just add two wavy lines to both ends of the text.
    ~~test~~                                                      Alt+shift+5

This is the strikethrough


Underline: through the < U > tag of HTML.
    <u> Underlined text < / u > Ctrl + U

<u> This is the underline < / u >


Footnotes: footnotes are supplementary notes to the text.
    [^ text to be noted]: followed by a space

Unordered list

List: markdown supports ordered and unordered lists.
Unordered lists use asterisk (*), plus sign (+) or minus sign (-) as list markers, which are followed by a space, and then fill in the content.
  *First item Ctrl + Shift +]
  *The second item
  *The third item

  +Item 1
  +The second item
  +The third item

  -Item 1
  -The second item
  -The third item
  • Item 1
  • The second item
  • The third item

Ordered list

An ordered list is represented by a number followed by a. Sign.
    1. The first item is Ctrl + shift+[
    2. The second item
    3. The third item
  1. Item 1
  2. The second item
  3. The third item

List nesting

List nesting: List nesting simply adds four spaces in front of the options in the sublist or - followed by a space.
  1. Item 1:
      -The first element nested in the first item tab
      -The second element nested by the first item
  2. Item 2:
      -The first element nested by the second item
      -The second element nested by the second item
  • Item 1

    • Children of the first item

      • Children of the first item
  • The second item

    • Children of the second term

      • Children of the second term

Block and nesting

Block: use the > symbol at the beginning of the paragraph, followed by a space symbol.
    >Outermost layer Ctrl + Shift + Q
    >>First level nesting
    >>>Second nesting

Outermost layer

First nesting

Second nesting

Use list in block

Use list in block:
  >Use list in block
  >1. Item 1
  >2. The second item
  >+ first item
  >+ second item
  >+ item 3

Use list in block

  1. Item 1
  2. The second item
  • Disordered first item
  • Disordered second term

Use blocks in list

Use blocks in lists: if you want to put blocks in a list item, you need to add four space indents before >.
  *Item 1
      >Block of the first item
  *The second item
      >Block of the second item
  • Item 1

    Block of the first item

    Block of the first item

  • The second item

    Block of the second item

    Block of the second item


If it is the code of a function or fragment in a paragraph, you can wrap it in back quotation marks (')
`JavaScript 'function


Code block

Code blocks use four spaces or a tab (TAB key) or '' '[language name].
$(document).ready(function () {


[link name] (link address) Ctrl + k
< link address >

This is a linkBaidu

Advanced links

We can set a link through a variable, and the variable assignment is done at the end of the document.

This link uses 1 as the URL variable [Google] [1]
This link uses runoob as the URL variable [runoob] [runoob]
Then assign a value to the variable at the end of the document (URL)


This link uses 1 as the URL variableGoogle
This link uses runoob as the URL variableRunoob
Then assign a value to the variable at the end of the document (URL)


! [alt attribute text] (picture address)
! [alt attribute text] (picture address "optional title")

An exclamation mark at the beginning!
Then there is a square bracket, in which you put the alternate text of the picture
Next, an ordinary bracket with the URL of the image can be placed. Finally, you can enclose it in quotation marks with the optional 'title' attribute.

Markdown + typora tutorial

Markdown + typora tutorial


Tables use | to separate cells, and - to separate headers and other rows.
|Header | header | Ctrl + T
|  ----  | ----  |
|Cell | cell|
|Cell | cell|
Header Header
Cell Cell
Cell Cell

Advanced skills

Tags that are not covered by markdown can be written directly in HTML in the document.

At present, the supported HTML elements are: < KBD > < b > < I > < EM > < sup > < sub > < br > and so on.
Use < KBD > Ctrl < / KBD > + < KBD > ALT < / KBD > + < KBD > del < / KBD > to restart the computer.

useCtrl+Alt+DelReset computer

Markdown uses backslashes to escape special characters.
  **Text bold** 
  \*\*The asterisk is normally displayed\*\*
Markdown supports the following symbols with backslashes to help insert normal symbols:
  `Back quotation mark
  _    Underline
  {} curly brackets
  [] square brackets
  () bracket
  #Jing Zi Hao
  +Plus sign
  -Minus sign
  . English period
  ! exclamation point

Text bold
**The asterisk is normally displayed**

Formula: when you need to insert a mathematical formula into the editor, you can use two dollar signs to wrap the math formula in tex or latex format. After submission, mathjax will be loaded on the Q & A and article pages as needed to render the mathematical formula.
\mathbf{V}_1 \times \mathbf{V}_2 =  \begin{vmatrix} 
\mathbf{i} & \mathbf{j} & \mathbf{k} \
\frac{\partial X}{\partial u} &  \frac{\partial Y}{\partial u} & 0 \
\frac{\partial X}{\partial v} &  \frac{\partial Y}{\partial v} & 0 \

reference resources

Rookie tutorial markdown tutorial

Introduction to typora: the most complete tutorial of the whole network

Typora minimalist tutorial

Please indicate the source of reprint, thank you~