This markdown artifact will be charged!

11 month 23 Japan ,Typora Official release 1.0 edition , The official version starts charging , pricing 14.99 dollar . however ,Beta Version can still be used for free .

As Typora Heavy users of , Today, I'd like to introduce this Markdown Artifact .

brief introduction

Typora Is a Real time preview support Markdown Text editor .

characteristic

1. What you see is what you get . Input Markdown After the tag , Will render to the corresponding format in real time . Most of Markdown The editor is half an editing window , Half is the preview window , and Typora Become , More concise .
2. Support LaTeX grammar .
3. Support drawing bed function .
4. Customized theme .

Markdown

Markdown It's a kind of Lightweight markup language , Typesetting grammar is concise , Let users pay more attention to the content itself rather than typesetting .

Basic grammar ：

Code highlighting ： Input ``` And enter the language name , Line break , Start writing code ,Typora It will automatically achieve the effect of code highlighting （ Here's the picture ）.

Picture bed

Typora The pictures in are linked to local pictures , If you synchronize documents to other platforms , Picture links will fail . You can use the drawing bed to ensure that the pictures of documents can still be displayed normally after sharing .

I'm using PicGo Drawing bed tools , The specific configuration method is as follows ：

1、 download PicGo：https://github.com/Molunerfinn/PicGo/releases

2、 Select drawing bed , Set related parameters .PicGo Support multiple drawing bed platforms , Such as seven cattle 、 Alibaba cloud OSS etc. .

3、 Set up PicGo server.

4、 open Typora Medium 「 file - preferences - Images 」 Options , Configure the upload service as PicGo and PicGo The path of .

Once the configuration is complete , When you are in Typora When inserting a local picture in ,PicGo Will automatically upload pictures to the drawing bed and use Markdown Syntax replacement picture address .

LaTeX

Typora Support LaTeX grammar , You can insert mathematical formulas into the document .

There are two forms of mathematical formulas ： inline and display.

• inline（ The formula between lines ）： Insert a mathematical formula into the text , use $...$ Enclose the formula
• display（ The formula between blocks ） ： Independently arranged formula , use $$...$$ Enclose the formula , The default is displayed in the middle of the line

Common grammar ：

Here are a few examples ：

Piecewise functions ：

$$
f(n)=
    \begin{cases}
        n/2, & \text{if $n$ is even}\\
        3n+1,& \text{if $n$ is odd}
    \end{cases}
$$

matrix ：

$$
X=\left|
    \begin{matrix}
        x_{11} & x_{12} & \cdots & x_{1d}\\
        x_{21} & x_{22} & \cdots & x_{2d}\\
        \vdots & \vdots & \ddots & \vdots \\
        x_{11} & x_{12} & \cdots & x_{1d}\\
    \end{matrix}
\right|
$$

Partial derivative and differential ：

$$
\frac{\partial z}{\partial x_1} + \frac{\partial z}{\partial x_2} \\
\frac{\mathrm{d}z}{\mathrm{d}x_1}+\frac{\mathrm{d}z}{\mathrm{d}x_2}
$$

Catalog

markdown Document generation Directory , The two methods I have used ：

1、 Use... At the beginning of the article [TOC] Will automatically generate a directory in the article .

• Some platforms （ Like the Nuggets ） I won't support it

2、 The use of plug-in doctoc Generate Directory （ In page hyperlinks ）.

• You need to execute the command doctoc xxx.md Generate Directory . If you change the title , You need to execute the command again to update the directory

Use doctoc Steps to generate a directory ：

1. install doctoc,npm install doctoc
2. Execute in the current directory of the document doctoc xxx.md command , The title can be generated

Customized theme

stay Typora in CSS go by the name of 「 The theme 」, But its essence is still CSS file . Can be in file - preferences - The theme - Open the theme folder See these CSS file .

You can customize and modify CSS file , Generate a new topic .

Mermaid

Mermaid Is a tool for drawing flow charts 、 State diagram 、 Sequence diagram 、 Gantt chart Library , Use JavaScript Render locally , Widely integrated into many Markdown Editor .Typora Also support Mermaid grammar .

Here are a few examples .

flow chart ：

ABCD

Sequence diagram ：

AliceJohnHello John, how are you?John, can you hear me?Hi Alice, I can hear you!I feel great!AliceJohn

Import and export

Typora Support import and export file formats ：html、pdf、docx、epub and latex etc. . Where export docx、epub and latex Need to install Pandoc plug-in unit .

Other features

Typewriter mode ： Make the line you edit always in the middle of the screen .

Focus mode ： Make the line you are editing retain color , The other lines are in gray .

It's not easy to code words , If it helps you , Sure Point a praise Encourage ！