当前位置：网站首页>Detailed tutorial of typera

Detailed tutorial of typera

2022-07-27 03:47:00 【fanlangke】

List of articles

[Markdown+Typora/VSCode Super full tutorial ]

[Markdown+Typora/VSCode Super full tutorial ]

Sakiyary 2022/7/16

Brief introduction

Markdown Is a lightweight markup language , It's a grammar . With .md The text file at the end is Markdown file . Compare with Word, It's more like HTML Language or $\LaTeX$ , Not the most honest kind " What you see is what you get ". It reveals a kind of minimalism everywhere . Efficient, concise and clear , It's very simple . It looks comfortable , Grammar is simple , In particular, it has great advantages in dealing with plain text .

It's compared to Word, Very high compatibility , It can be used across platforms , Don't worry about weird version compatibility . meanwhile , Many websites support or are using Markdown grammar . Such as Github ( And a series of code hosting platforms ), StackOverflow( Wait for the Q & a platform ), Simple books , Language sparrow ( Wait for a series of note taking platforms ).

The practical application

You can use it whenever you want to write text Markdown!

It allows you to stop worrying about fonts , What style , What typesetting . And the logic is clear , distinct .

Like I used it when I was a freshman Markdown To write all kinds of notes , Speech , Course paper , Experimental report , Code README.md … Include this tutorial documentation .

Tools

Markdown Just a grammar . Then use it to write Markdown Text editor ? Here's what I recommend Typora perhaps VS Code

Typora

Typora It should be widely used to write Markdown Text software , Just like Markdown Grammar is as efficient . And it also has practical functions of extending syntax and customizing styles . Its ability to .md Export to multiple files , Such as .pdf, .html, .docx ( I didn't think! , It can be exported to Word)

But now Typora It has released the official version and become a paid software . The official Chinese website is here Typora Official Chinese station .

Of course, I recommend everyone to use genuine . But the price is permanent ￥89, Fortunately, it can be used in 3 On a device . If you and your two classmates / Share it with your roommates , Everyone just ￥30, It's similar to a monthly game card .

As for piracy and cracking methods Here casually find a way to change the registry time ~~No introduction ( Quite a lot, actually )~~.

~~There is also a free way to go whoring is to install the beta /Beta edition . There is a link to download the historical version on the official website Typora Historical version download page~~

Whoring for nothing Beta The version has been sent , Either support the genuine version or learn the cracking method ( Still can't help it , See the link above )

VS Code

This is Microsoft's open source text editor , In theory, all code , Language , Both can be used. VS Code To write , It is also very simple and easy to use . Downloading plug-ins Markdown All in One After the Markdown The basic support of is also very good . If in VS Code download Markdown Various additional extensions , You can get more than Typora Richer extended syntax and operations .

other

Most of the IDE, image Jetbrain There should be every one in the family bucket , All support Markdown grammar , I won't go into more details here .

This document mainly uses Typora demonstrate , At the same time, I will introduce many Typora Included extended syntax .

Basic course

When there are many marking methods, I tend to one of them .

The title is * Indicates that this is an extended syntax , Only in Typora or Added extended VS Code Locally effective , On most platforms Don't approve of .

0. Write Markdown Step zero

Most of our texts are written in Chinese , However, the punctuation used by input method when inputting Chinese is full angle punctuation , Such as ,.？！（）【】：;“”. These punctuations are not Markdown Recognized by , It can't be escaped .

I suggest you write Markdown Half width punctuation is used when , English Punctuation , Such as ,.?!()[]:;"". And each half width punctuation is added with a post space when the text is used , Conform to the writing standard of English punctuation , And more beautiful .

Take Microsoft's own input method as an example , Press... When using Chinese input method Ctrl + .( This is a full stop ), Switch the full angle and half angle of punctuation . In this way, you can input Chinese + Half angle punctuation .

1. title [ Several “#” + Space In front of ]

#  First level title 
##  Secondary title 
###  Three level title 
####  The fourth level title 
#####  Five level titles 
######  Six level title

The title will be displayed hierarchically in the table of contents and outline , You can jump .

stay Typora It is suggested to open Strict mode , It should not be # title , Should be # title .

You should fill in the blanks manually , bring Markdown Syntax is compatible with other text editors .

2. emphasize [ use “**” or “__” Surround ]

** Welcome to apply for Nanjing University !** ( I like this )
__ Welcome to apply for Nanjing University !__

Or select the text you want to emphasize and press Ctrl + B.

E.G.

Welcome to apply for Nanjing University !

3. Italics [ use “*” or “_” Surround ]

* Welcome to pour all my knowledge * ( I like this )
_ Welcome to pour all my knowledge _

Or select the text you want to emphasize and press Ctrl + I.

E.G.

Welcome to pour all my knowledge

(P.S. Italics and emphasize [ use “***” or “___” Surround ])

4. Delete line [ use “~~” Surround ]

~~ Let me announce something ,  I am a Sabiyary!~~

E.G.

~~Let me announce something , I am a Sabiyary!~~

5. * The highlighted [ use “==” Surround ]

( Be careful : This is extended syntax )

== I like yellow ,  I also like green ==

E.G.

I like yellow , I also like green

6. Code [ use “`” Surround ]

`sudo rm -rf /*`

E.G.

sudo rm -rf /* ( Don't knock on this if you have nothing ! )

~~“ Please enter the administrator password : ( Flashing cursor )”~~

7. Code block [ Press three “`” And hit enter ]

```
//  Here you can start to enter the code you want 
#include <stdio.h>
int mian() {
    
    print（“Hello, world!\n"）;
    retrun O;
}
```// ( These three "`" The text editor will help you complete it automatically   Generally, there is no need to input manually )

( I used this to show all kinds of grammar before , There should be no example )

To display the number of rows , It's usually in Typora Check the option to display the number of rows in the setting of .

You can choose a language in the code block , It will automatically highlight each statement according to the language . After selecting the language , ```` Will turn into `````+ Corresponding language .

8. quote [“>” + Space In front of ]

> 24 year ,  It's the students .
> >  Students are unique everywhere ( Annoyed )

References can be nested !

E.G.

24 year , It's the students .
Students are unique everywhere ( Annoyed )

9. Unordered list [“-” or “+” + Space In front of ]

-  One is a jujube tree  ( I like this )
+  The other is jujube tree 
* ( In fact, this kind can also ,  But because in  Typora  It's hard to input single in ,  It's not often used )

All three prefixes are ok , Typing enter will automatically complete , Can be found in Typora The symbol of adjustment and completion in the setting , Hit enter and press Tab Will indent one level .

E.G.

One is a jujube tree
The other is jujube tree

10. Ordered list [ Numbers + “.” + Space In front of ]

 I'm here for three things :
1.  fair 
2.  fair 
3.  still tm The fairness of !

Typing enter will automatically complete , Hit enter and press Tab Will indent one level .

E.G.

I'm here for three things :

fair
fair
still tm The fairness of !

11. * Superscript [ use “^” Surround ]

( Be careful : This is extended syntax )

C In language int The upper limit of is  2^31^ - 1 = 2147483647

E.G.

C In language int The upper limit of is 2³¹ - 1 = 2147483647

12. * Subscript [ use “~” Surround ]

( Be careful : This is extended syntax )

H~2~O  It's highly toxic !

E.G.

H₂O It's highly toxic !

13. * notes [“[^]” After ]

( Be careful : This is extended syntax )

>  Today we are gathered here ,  It's for learning  Markdown  Use ,  Its tutorial is for all 「 The audience 」 for ,  It deserves the support and encouragement of two coins ![^1]

[^1]:  Woz · The base · Shuoder   Based on the 「 cock 」 Puccinella .

Note the corresponding content at the end of the text

E.G.

Today we are gathered here , It's for learning Markdown Use , Its tutorial is for all 「 The audience 」 for , It deserves the support and encouragement of two coins !¹

14. link [ Commonly used “[ ]” + “( )” Enclose the text and link respectively ]

( Be careful : Jump to extended usage )

[ Come and see my barren warehouse ](https://github.com/Sakiyary)
[ Basic course : 12.  Subscript ](#12.  Subscript  [ use  "~"  Surround ])

Support web page links and text jumps , Hold down Ctrl and Click the left mouse button You can jump .

E.G.

Come and see my barren warehouse

[ Basic course : 12. Subscript ](#12. Subscript [ use “~” Surround ])

15. Task list [“- [ ]” + Space In front of ]

TodoList:
- [ ]  brush B standing 
- [ ]  Write code 
- [x]  Get out of bed

use x Instead of [ ] Check the task list with the space in . stay Typora You can directly click the check box with the left mouse button .

E.G. TodoList:

brush B standing
Write code
Get out of bed

16. form [ use “|” Draw table borders ]

|  Student number  |  full name   |  Age  |
| :--- | :---: | ---: | ( The position of the quotation marks   Align left ,  In the middle ,  Right alignment )
|114514| Tian Suo |24|
|1919810| Haosan |25|

The first line is the header , The alignment and length are determined by the second line of division , The third row and after that is the table data

E.G.

Student number	full name	Age
114514	Tian Suo	24
1919810	Haosan	25

17. picture [ Drag directly or copy and paste ]

![ picture ]( Picture location )

I will still choose to drag in or copy and paste ~ stay Typora You can also change the storage method of pictures in the settings of .

18. Split line [ Press three “*” or “-” or “_” And hit enter ]

***
--- ( I like this )
___
// ( In fact, press three or more )

because * And _ Will automatically complete , So I think - Most convenient .

E.G.

19. Emoji expression [“:” In front of ]

( Be careful : English input is extended grammar )

:sweat_smile: 
:drooling_face:
:clown_face:
// ( Press enter or click ,  Postpositioned ":" Generally, manual input is not required )

The only requirement for this function is to have a high level of English , Or maybe remember each Emoji English name of .

E.G.

For the rest of the ordinary Markdown Text editor , You can directly Emoji The expression is copied , It's direct Hard encoding Of ( ~~Carve in DNA in~~ )

E.G.

Using this function can make your text very cute ! ~~Too abstract.~~

Here is a share that can be copied whole Emoji Website , Very easy to use ! Before me C Language homework is also a resource downloaded from here !

Advanced tutorial

1. Catalog [ Automatic generation ]

[TOC] ( This is a  Typora  Peculiar ,  As at the beginning of this document )

If you use VS Code collocation Markdown All in One Expand , Can be found in VS Code Of Command Panel ( namely VS Code Command Palette) Input Create Table of Contents Auto catalog generation , And you can fine tune the directory parameters in the extension settings .

2. inline HTML Code [ use “<> </>” Surround ]

<div style="text-align:center">
  <font style="color:red"> I won't  HTML  Purring ...  Water me </font>
</div>

<center> Simple text can also be centered like this </center>

<u> I almost forgot the underline ...</u>

As long as you can write , You can do that Markdown As HTML To write .

meanwhile , .md The file can be directly exported into a web page .

Underline can select the text you want to underline and press Ctrl + U.

E.G.

I won't HTML Purring ... Water me

Simple text can also be centered like this

I almost forgot the underline …

3. inline $\LaTeX$ The formula [ use “$” Surround ]

( Be careful : Some compilers will not recognize some symbols )

$\LaTeX$  It is the best paper typesetting language !  Don't believe it. !

$a^n+b^n=c^n$

$$
%\usepackage{unicode-math}
\displaystyle \ointctrclockwise\mathcal{D}[x(t)]
\sqrt{\frac{\displaystyle3\uppi^2-\sum_{q=0}^{\infty}(z+\hat L)^{q}
\exp(\symrm{i}q^2 \hbar x)}{\displaystyle (\symsfup{Tr}\symbfcal{A})
\left(\symbf\Lambda_{j_1j_2}^{i_1i_2}\Gamma_{i_1i_2}^{j_1j_2}
\hookrightarrow\vec D\cdot \symbf P \right)}}
=\underbrace{\widetilde{\left\langle \frac{\notin \emptyset}
{\varpi\alpha_{k\uparrow}}\middle\vert
\frac{\partial_\mu T_{\mu\nu}}{2}\right\rangle}}_{\mathrm{K}_3
\mathrm{Fe}(\mathrm{CN})_6} ,\forall z \in \mathbb{R}
$$

use $ Surrounded by a single formula , Press two $ And hit enter to generate formula block .

E.G.

$\LaTeX$ It is the best paper typesetting language ! Don't believe it. !

$a^n+b^n=c^n$

$KaTeX parse error: Undefined control sequence: \ointctrclockwise at position 43: … \displaystyle \̲o̲i̲n̲t̲c̲t̲r̲c̲l̲o̲c̲k̲w̲i̲s̲e̲\mathcal{D}[x(t…$

4. * Network chart bed

( This is the tutorial of network drawing bed given to me by my senior , I haven't practiced …)

Share a Typora With Tencent cloud COS/ Alibaba cloud OSS Drawing bed Example . Free trial for new users 6 Months , In addition, you can also choose qiniuyun or passing by the drawing bed .

5. *Typora Common shortcut keys for

Key	effect	Key	effect
`Ctrl` + `D`	Select the current word	`Ctrl` + `L`	Select the current sentence / That's ok
`Ctrl` + `E`	Select the current block	`Ctrl` + `F`	Search the currently selected
`Ctrl` + `B`	Bold the current selection	`Ctrl` + `H`	Replace the currently selected
`Ctrl` + `I`	Tilt the current selection	`Ctrl` + `U`	Underline the currently selected
`Ctrl` + `K`	Generate the currently selected link	`Ctrl` + `J`	Scrolling the screen will select scroll to top
`Ctrl` + `W`	Close the current window	`Ctrl` + `N`	Open a new window
`Ctrl` + `O`	Open file	`Ctrl` + `P`	Search for files and open
`Ctrl` + `enter`	Insert a row below the table	`Ctrl` + `,`	Turn on preferences
`Ctrl` + `.`	Switch full angle / Half angle punctuation	`Ctrl` + `/`	Switching is normal / Source view
`Ctrl` + `Shift` + `-`	Zoom out zoom	`Ctrl` + `Shift` + `+`	Zoom in and zoom in

There are also some not commonly used / Three key shortcuts are not listed here .

6. *Typora Theme style and check elements

Markdown After compilation, it is approximately equal to HTML. and Typora The normal view of is compiled Markdown, so Typora The essence of theme style is CSS file .

You can download various good-looking themes to Typora change , At the same time, you can also adjust the corresponding CSS file , Or rub your hands .

stay Typora Turn on in settings Debug mode Right click to open in the normal view Check elements , In which you can completely Markdown Document as HTML To edit .

summary

thus , Markdown + Typora / VSCode The manual tutorial of comes to an end .

I wonder if you have finished such a long tutorial / manual , Can you feel Markdown The subtlety and conciseness of ?

Actually Markdown Just the beginning of markup language , My feeling is that I will Markdown Then for understanding HTML Also helpful , For using $\LaTeX$ It is also helpful to write papers . Markup language is just to get rid of Word Although " What you see is what you get ", But it's too flashy , Poor compatibility and defects of closed source coding . When you can master such " What you write is what you get " when , You will definitely feel the use of Markdown The beauty of this kind of language to deal with text !

arkdown, so Typora The essence of theme style is CSS file .

You can download various good-looking themes to Typora change , At the same time, you can also adjust the corresponding CSS file , Or rub your hands .

stay Typora Turn on in settings Debug mode Right click to open in the normal view Check elements , In which you can completely Markdown Document as HTML To edit .