Getting started with typora: the most complete tutorial in the whole network

Write Mrakdown Trouble ？Typora Let you write like Word It's just like running water , What you see is what you get .

brief introduction

Typora It's light and simple Markdown Editor , Support instant rendering technology , It's the same with other Markdown Editor's most significant difference . Instant rendering makes you write Markdown Just want to write Word Documents are as fluid , Unlike other editors, there are edit bar and display bar .

• Typora Deleted preview window , And all the other unnecessary interruptions . Instead, live preview .
• Markdown The syntax of depends on different parsers or editors ,Typora It uses GitHub Flavored Markdown.

Markdown Introduce

Markdown It's a lightweight markup language , It allows people to write documents in plain text format that is easy to read and write .

Markdown Language in 2004 By John · Gruber （ English ：John Gruber） establish .

Markdown The written documents can be exported HTML 、Word、 Images 、PDF、Epub And so on .

Markdown The suffix of the document is  .md, .markdown.

Common shortcut key

• In bold ： Ctrl + B
• title ： Ctrl + H
• Insert link ： Ctrl + K
• Insert code ： Ctrl + Shift + C -- Unable to execute
• Inline code ： Ctrl + Shift + K
• Insert a picture ： Ctrl + Shift + I
• Unordered list ：Ctrl + Shift + L -- Unable to execute
• revoke ： Ctrl + Z
• First level title ： Ctrl + 1 -- And so on

Typora Shortcut key integration 
```
Ctrl+1   First level title     Ctrl+B   Bold font 
Ctrl+2   Second level title     Ctrl+I   Font tilt 
Ctrl+3   Third level title     Ctrl+U   Underline 
Ctrl+4   Fourth level title     Ctrl+Home    return Typora Top 
Ctrl+5   Fifth level title     Ctrl+End     return Typora Bottom 
Ctrl+6   The sixth level title     Ctrl+T   Create a table 
Ctrl+L   Choose a sentence    Ctrl+K   Create hyperlinks 
Ctrl+D   Select a word   Ctrl+F   Search for 
Ctrl+E   Select text in the same format    Ctrl+H   Search and replace 
Alt+Shift+5  Delete line  Ctrl+Shift+I     Insert a picture 
Ctrl+Shift+M     Formula block  Ctrl+Shift+Q     quote 

 notes ： Some entity symbols need to be preceded by ”\” To show 
```

A block element

A newline

stay markdown in , Paragraphs are separated by spaces . stay Typora in , Just press enter to create a new paragraph .

Title level

# First level title Shortcut keys are Ctrl + 1
## Secondary title Shortcut keys are Ctrl + 2
......
###### Six level title Shortcut keys are Ctrl + 6

Quote

> + Space + Quote

Unordered list

Use * + - You can create an unordered list

• AAA
• BBB
• CCC

Ordered list

Use 1. 2. 3. Create an ordered list

1. AAA
2. BBB
3. CCC

Task list

\ -[ ] Don't check
\ -[x] Check

Code block

stay Typora There are two ways to insert program code in ： Use backquotes `（~ key ）、 Use indent （Tab）.

• Insert inline code , In the case of inserting a word or a code , Use  code  Insert in this form .
• Insert multiple lines of code input 3 A back quote （`） + enter , And select a language name in the back to achieve syntax highlighting .

def helloworld():
    print("hello, world!")

Mathematical expression

When you need to insert mathematical formulas in the editor , You can use two dollar signs $$ The parcel TeX or LaTeX Form the mathematical formula to achieve . Load as needed Mathjax Render the mathematical formula .

Press down  $$, Then press enter , You can edit the mathematical formula .

$$
\mathbf{V}_1\times\mathbf{V}_2 = \mathbf{X}_3
$$

Insert table

Input  | Header 1 | Header 2 | And return . You can create a containing 2 list . Shortcut key  Ctrl + T Pop-up dialog box .

id	number

• Either way , The first line is the header , The second behavior divides the header and the main part , The third line starts each row with a table line

• Columns are piped between columns |  separate

• You can also set the alignment ( Between the header and the content ), If you don't use alignment marks , The content is left aligned by default , Center the header

  • Align left ：|
  • Right alignment |：
  • Middle alignment ：|：

• For beauty , You can use spaces to align cells in different rows , And use it on both sides | To mark cell boundaries

• In order to make Markdown Clearer ,| and - There needs to be at least one space on both sides （ The leftmost and rightmost | You don't need it outside ）.

footnote

The footnotes to this example are [1].

Be careful ： In this example, the footnotes are marked with 1, Footnotes can be alphanumeric underline , But Chinese is not supported at the moment . The content of footnotes can be any character , Including Chinese .

Split line

Input  ***  perhaps  ---  Press enter to draw a horizontal line , as follows ：

---

Catalog （TOC）

Input  [ toc ]  And then go back , You can create a “ Catalog ”.TOC Extract all titles from the document , Its content will be automatically updated .

Span element

The span element is the picture , website , Video etc. , stay Typora After input in , Will immediately load and render .

link

internal link

The title with this attribute is  [ link ](http://example.com/ " title ")
This is a no title attribute  [ link ](http://example.net/)

link

link

Reference link

This is a [ Reference link ]id -- Unable to execute

website

Typora Allowed < Enclosed in brackets >, hold URL Insert as link .

Typora It will also automatically link to the standard URL .

www.baidu.com

picture

![ Displayed text ](C:\Users\Hider\Desktop\echart.png " Picture title ")

![ Displayed text ](C:\Users\Hider\Desktop\echart.png)

In addition to the above 2 Out of the way , You can also drag pictures in directly , Automatic link generation .

video

<video id="video" controls="" preload="none">
    <source id="mp4" src="localpath/filename.mp4" type="video/mp4">
</video>

Italics

Use  * Single asterisk *  perhaps  _ Underline _  You can tilt the font . Shortcut key  Ctrl + I

Italics

In bold

Use  ** Two asterisks **  perhaps  __ Two underscores __  It can be bold . Shortcut key  Ctrl + B

In bold

Bold italics

Use *** Bold italics *** You can bold italics .

Bold italics

Code tags

Tag code uses back quotation marks , Under the English input method ,ESC Key and 1 The symbol to the left of the key .

Use this  printf() function

Delete line

Use ~~ Delete line ~~  Shortcut key  Alt + Shift + 5

Delete line

Underline

\ Underline -- Unable to execute

Refer to another article , Executable .

adopt <u> The content of the underline </u>  perhaps Shortcut key Ctrl + U Can realize underline

The content of the underline

emoticon

Github Of Markdown Syntax supports adding emoji expression , Enter a different symbol code （ The character surrounded by two colons ） It can show different expressions .

:smile -- Unable to display

Subscript

have access to  <sub> Text </sub> Implement subscript .

( You need to turn this function on in settings )

H2O

H2O

Superscript

have access to <sup> Text </sup> Implement superscript .

( You need to turn this function on in settings )

X2

X2

The highlighted

== The highlighted ==( You need to turn this function on in settings )

I'm the most important

Center text

Use  <center> This is the content to be centered </center> You can center the text

This is the text content to center

A newline

Use   Space + Space + Enter You can wrap lines , for example ：

Or you can use <br/> Implement line break .

escape

Markdown A lot of special symbols are used to express specific meanings , If you need to display specific symbols, you need to use escape characters ,Markdown Use backslash to escape special characters ：

Bold text
** The asterisk is displayed normally **

Markdown The following symbols are supported to be preceded by a backslash to help insert ordinary symbols ：

\    Backslash 
`    The quotation marks 
*    asterisk 
_    Underline 
{}   Curly braces 
[]   square brackets 
()   parentheses 
#    Well number 
+    plus 
-    minus sign 
.    English period 
!    Exclamatory mark 

HTML

Support HTML

be not in Markdown Covered labels , Can be used directly in the document HTML writing .

Currently supported HTML Elements have ：<kbd> <b> <i> <em> <sup> <sub> <br> etc. , Such as ：

 Use  <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd>  Restart the computer 
<kbd> </kbd> --  White frame 

effect ：
Use  Ctrl+Alt+Del  Restart the computer

Embedded content

video

summary

1. It is recommended to open the outline view Ctrl + Shift + 1
2. To insert a table, you need to write , Otherwise, it will not show
3. Grammar doesn't need to be memorized , Right click to query

Reference link 1：Typora introduction （ Chinese version ）

Reference link 2：Typora

Reference link 3：Markdown Code blocks and syntax highlighting

Reference link 4：Markdown Use - Tables and their centered formats

Reference link 5：Markdown Grammar summary

Reference link 6：Runoob：Markdown course