This Markdown artifact has to be charged!

On November 23, Typora officially released version 1.0, and the official version began to charge, priced at $14.99. However, the beta version can continue to be used for free.

As a heavy user of Typora, today I will introduce this Markdown artifact to you.

Introduction

Typora is a support real-time preview of Markdown text editor .

Features

1. WYSIWYG . After entering the Markdown mark, it will be rendered into the corresponding format immediately. Most Markdown editors are half editing window and half preview window, and Typora is more concise.
2. supports LaTeX syntax .
3. supports the map bed function .
4. Customize themes .

Markdown

Markdown is a lightweight markup language , typesetting grammar simple, allowing users to focus more on the content itself rather than publishing.

base syntax :

code highlighting : After entering ` , enter the language name, newline, and start writing the code, Typora will automatically achieve the effect of code highlighting (as shown below).

picture bed

The pictures in Typora are linked to local pictures. If the document is synchronized to other platforms, the picture link will be invalid. You can use the image bed to ensure that the image can still be displayed normally after the document is shared.

I am using the PicGo map bed tool, and the specific configuration method is as follows:

1. Download PicGo: https://github.com/Molunerfinn/PicGo/releases

2. Select the map bed and set relevant parameters. PicGo supports multiple image bed platforms, such as Qiniu, Alibaba Cloud OSS, etc.

3. Set up the PicGo server.

4. Open the "File-Preferences-Image" option in Typora, and configure the upload service as PicGo and PicGo's path.

After the configuration is complete, when you insert a local image into Typora, PicGo will automatically upload the image to the image bed and use Markdown syntax to replace the image address.

LaTeX

Typora supports LaTeX syntax and can insert mathematical formulas into documents.

Mathematical formulas come in two forms: inline and display.

• inline (inline formula) : Insert a mathematical formula in the text, $...$ the formula with 061e82e847aec6
• display (formula between blocks) : formulas arranged independently, $$...$$ the formula with 061e82e847aef2, and display it in the middle of the line by default

Common syntax :

Here are a few examples:

piecewise function :

$$
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 Derivatives and Differentiation:

$$
\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}
$$

content

The markdown document generates the directory, and I have used two methods:

[TOC] at the beginning of the article to automatically generate a directory in the article.

• Not supported on some platforms (like Nuggets)

2. Use the plugin doctoc to generate the table of contents (in-page hyperlinks).

• You need to execute the command doctoc xxx.md generate a directory. If the title is modified, you need to execute the command again to update the directory

Steps to generate a table of contents using doctoc:

1. install doctoc, npm install doctoc
2. doctoc xxx.md command in the current directory of the document to generate the title

Customized themes

CSS is called a "theme" in Typora, but it's still essentially a CSS file. You can see these CSS files File - Preferences - Themes - Open Themes folder.

You can customize and modify CSS files to generate new themes.

Mermaid

Mermaid is a library for drawing flowcharts, state diagrams, sequence diagrams, Gantt charts, native rendering using JavaScript, and widely integrated in many Markdown editors. Typora also supports Mermaid syntax.

Here are a few examples.

Flowchart :

graph TD;
A-->B;
A-->C; 
B-->D;
C-->D;

timing diagram :

sequenceDiagram
    Alice->>+John: Hello John, how are you?
    Alice->>+John: John, can you hear me?
    John-->>-Alice: Hi Alice, I can hear you!
    John-->>-Alice: I feel great!

Import and Export

Typora supports import and export file formats: html , pdf , docx , epub and latex etc. The Pandoc plugin needs to be installed to docx , epub and latex

Other functions

Typewriter mode : Makes the line you edit always centered on the screen.

Focus Mode : Keep the color of the line you're editing in, while the other lines have a gray font.

It is not easy to code words. If you think it is helpful to you, you can encourage it!

I am Dabin, a programmer, focusing on Java back-end hard core knowledge sharing, welcome everyone to pay attention~