Typora Getting Started Tutorial

TyporaGetting Started Tutorial

1 Brief introduction

Typora is a lightweight Markdown editor developed by Abner Lee. Unlike other Markdown editors, Typora does not use the dual-column display of source code and preview, but uses the WYSIWYG editing method to achieve The function of instant preview is provided, but it can also switch to source code editing mode.

2 Download the installation package

official website

Note: Currently version 1.0 has been charged, 0.* is also available

3 common operations

3.1 Title

Markdown is a markup language that can be written using an ordinary text editor. Through simple markup syntax, it can make ordinary text content have a certain format.

The MD syntax is actually not complicated, and for beginners, it only takes a while to get used to it!

And you don't need to know all the grammar to create with MD, you just need to remember the following common ones!

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

3.2 Bold

**加粗文字**

bold text

3.3 Italics

*斜体文字*

Italic letters

3.4 Highlight

==高亮文字==

3.5 Dividing line

***
---

---

3.6 pictures

![image-20221217121002885](https://geekmice-blog.oss-cn-beijing.aliyuncs.com/image-20221217121002885.png)

3.7 Links

[image-20221217121002885](https://geekmice-blog.oss-cn-beijing.aliyuncs.com/image-20221217121002885.png)

The map's address

3.8 References

> 引用内容

Quote content

3.9 list

Lists are divided into unordered lists and ordered lists.
Unordered lists are implemented using *, +and , and also support secondary and tertiary lists-

*+空格
1.+空格+输入关键字，一级列表

• 1
• 2
• 3

1. one
2. two
3. three

3.10 Contents

toc
[锚点调整](Typora入门教程)

anchor adjustment

3.11 Forms

| 字段1 | 字段2 | 字段3 |
| :---- | :---: | ----: |
| 居左  | 居中  |  居右 |
| 居左  | 居中  |  居右 |
| 居左  | 居中  |  居右 |

field 1	field 2	field 3
left	in the center	Right
left	in the center	Right
left	in the center	Right

3.12 Code blocks

public void testHandleCatch() {
    
    
	logger.info("打印结果");
}

3.13 Inline code

hello world

`hello world`

3.14 Button Effect

<kbd>ctrl</kbd> + <kbd>c</kbd>

ctrl + c

4 custom shortcut keys

File->Preferences->Advanced Settings, you can see the following files conf.user.json, if not, create them yourself, refer to the official website for specific syntax

The following are my customized and commonly used shortcut keys

/** For advanced users. */
{
    
    
    "defaultFontFamily": {
    
    
        "standard": null, //String - Defaults to "Times New Roman".
        "serif": null, // String - Defaults to "Times New Roman".
        "sansSerif": null, // String - Defaults to "Arial".
        "monospace": null // String - Defaults to "Courier New".
    },
    "autoHideMenuBar": false, //Boolean - Auto hide the menu bar unless the `Alt` key is pressed. Default is false.

    // Array - Search Service user can access from context menu after a range of text is selected. Each item is formatted as [caption, url]
    "searchService": [
        ["Search with Google", "https://google.com/search?q=%s"]
    ],

    // Custom key binding, which will override the default ones.
    // see https://support.typora.io/Shortcut-Keys/#windows--linux for detail
    "keyBinding": {
    
    
        // for example: 
        // "Always on Top": "Ctrl+Shift+P"
        // All other options are the menu items 'text label' displayed from each typora menu
        "Code": "Ctrl+Q"
    },

    "monocolorEmoji": false, //default false. Only work for Windows
    "maxFetchCountOnFileList": 500,
    "flags": [] // default [], append Chrome launch flags, e.g: [["disable-gpu"], ["host-rules", "MAP * 127.0.0.1"]]
}

Shortcut key (English)	Shortcut key (Chinese)	hotkey
Code Fences	code block	Ctrl+Shift+K
Code	inline code block	Ctrl+Q
Table	create form	Ctrl+T
Hyperlink	create hyperlink	Ctrl+K
Toggle Sidebar	open close sidebar	Ctrl+Shift+L
Strong	bold font	Ctrl+B
Image	insert picture	Ctrl+Shift+I
Quote	insert citation	Ctrl+Shift+Q
Heading 1 to 6	Heading 1 -> 6	Ctrl+1,2,3,4,5,6
Open Quickly	Quickly open md documents	Ctrl+P
Outline	outline	Ctrl+Shift+1
Search	search content	Ctrl+Shift+F

5 Typora++ PicGoAliyun OSSbuilds personal notes

5.1 Precautions

• It is very important to configure Alibaba Cloud information in picgo
• It doesn't matter if you have a domain name or not

5.2 Preparations

5.2.1, Typora installation

1. download link
2. installation process

omitted here. . . next step next step

5.2.2, picgo installation

1. download link
2. installation process

omitted here. . . next step next step

The following is a picture of picgo

5.2.3. Open Alibaba Cloud oss ​​service [ charge ]

The specific operation process can refer to

reference address

Now you only need to pay 9 yuan to activate the 40GB storage resource package, and the other two parts are automatically used and charged according to the volume.

After activation, please go to the console to enable the "OSS" service.

5.3. Configuration information

5.3.1, Alibaba Cloud OSS configuration

Start creating buckets

Enter the bucket to create a directory to store the folder to upload pictures in the future

Create a directory

5.3.2. PicGo configures Alibaba Cloud OSS

• The default picgo interface is like this
• Remarks: Aliyun oss is modified, and the default is SM.MS map bed

• Add Aliyun information

illustrate

keyid and keysecret

Set the storage space name as bucket, which is geekmice-blog1

Determine the storage area

Make storage path blog1

final rendering

5.3.3, Typora configuration

Open typora, select File-"Preferences-"Image

upload service select PicGo

5.4 Test whether the upload is successful

6 Disadvantages

6.1 I used to Typorawrite almost 50,000 characters, and it was obviously stuck. There was a delay when the words were displayed on the screen, and the scrolling was not smooth. I don't know when the developers can optimize it.
In addition, counting the word count is too inconvenient, especially when you select some word counts, you have to click to open it to see it;

6.2 Temporarily no 双链function