Article Directory
- `Typora` Getting Started Tutorial
- 1 Brief introduction
- 2 Download the installation package
- 3 common operations
- 4 custom shortcut keys
- 5 `Typora` + `PicGo` + Alibaba Cloud `OSS` to build personal notes
- 6 Disadvantages
Typora
Getting 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
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)
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
- one
- two
- three
3.10 Contents
toc
[锚点调整](Typora入门教程)
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
++ PicGo
Aliyun OSS
builds 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
- download link
- installation process
omitted here. . . next step next step
5.2.2, picgo installation
- download link
- 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
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 Typora
write 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