Markdown的語法介紹+Typora的簡單使用

Markdown的語法介紹+Typora的簡單使用

目錄導航欄

前言

Markdown是一種可以使用普通文本編輯器編寫的標記語言，通過簡單的標記語法，它可以使普通文本內容具有一定的格式。

Markdown具有一系列衍生版本，用於擴展Markdown的功能（如表格、腳註、內嵌HTML等等），這些功能原初的Markdown尚不具備，它們能讓Markdown轉換成更多的格式，例如LaTeX，Docbook。

Typora是一款輕便簡潔的Markdown編輯器，支持即時渲染技術，這也是與其他Markdown編輯器最顯著的區別即時渲染使得你寫Markdown就想是寫Word文檔一樣流暢自如，不像其他編輯器的有編輯欄和顯示欄,它還可以免費的導出成Html、PDF、Word等多種文件

Typora官網下載

1.標題用法（#號）

效果	實現
一級標題	# 一級標題
二級標題	## 二級標題
三級標題	### 三級標題
四級標題	#### 四級標題
五級標題	##### 五級標題
六級標題	###### 六級標題

當然有時你寫完文章時發現有些文字忘記了加#而沒有變成標題，或者想改變標題的等級（大小），我們可以使用Ctrl += 、Ctrl - 的快捷鍵( 注意 + - 號是0旁邊的鍵，不是數字鍵盤上的 + - )來調節標題的等級（大小）、或者

Ctrl + 1、Ctrl + 2、Ctrl + 3、… 來切換標題的等級（大小）

假如你想去除標題效果又應該怎麼辦？

1. 在標題文字中使用Ctrl + 0把標題變成段落（推薦）

2. 在標題文字的最前面按下回刪鍵（backspace）（推薦）

3. 在要修改的標題文字右擊彈出菜單選項，然後如圖操作（推薦）

4. 利用快捷Ctrl - 逐漸把標題去除，但效率太慢，推薦在H6（6級標題）情況下使用

5. 利用Ctrl / 快捷鍵把源碼模式打開，然後把#號刪除即可

注意

​ 在沒有標題的文字中使用Ctrl += 快捷鍵則是默認H6（六級標題），而Ctrl - 則是沒反應

2.文字格式

效果	實現	快捷鍵
粗體	**粗體**	Ctrl + B
斜體	*斜體*	Ctrl + i
下劃線	<u>下劃線</u>	Ctrl + U
刪除線	~~刪除線~~	alt shift + 5

3.鏈接

3.1行內式

效果	實現	快捷鍵
CSDN	[CSDN](http://blog.csdn.net/)	Ctrl + K
帶提示的超鏈接	[帶提示的超鏈接](http://www.tip.link “這是帶提示的超鏈接”)	無

3.2參考式

我經常在CSDN網站上看博客學習知識，用百度、谷歌搜索引擎查閱資料，利用Python、Java、C、Html、JavaScript等編程語言來編寫世界

3.3自動鏈接

[email protected]

http://blog.csdn.net/

語法對比圖如下

4.表格

姓名	學號	班級	系部
張三	17120708	17軟件7班	軟件工程系
李四	17120709	17軟件8班	軟件工程系

語法實現 → |姓名|學號|班級|系部| → |xxx|代表一個單元格

| 姓名 | 學號     | 班級      | 系部       |
| ---- | -------- | --------- | ---------- |
| 張三 | 17120708 | 17軟件7班 | 軟件工程系 |
| 李四 | 17120709 | 17軟件8班 | 軟件工程系 |

不同的Markdown編輯器的表格的文本對齊效果都不一樣，CSDN的默認是居中對齊
Typora是向左對齊因此想實現不同的對齊方式語法如下

| 姓名 | 學號     | 班級      | 系部       |
| :---- | -------- | --------- | ----------: |
| 張三 | 17120708 | 17軟件7班 | 軟件工程系 |
| 李四 | 17120709 | 17軟件8班 | 軟件工程系 |

注意:該語法的不同處就是:(冒號)

姓名	學號	班級	系部
張三	17120708	17軟件7班	軟件工程系
李四	17120709	17軟件8班	軟件工程系

快捷鍵 Ctrl + T 彈出如下圖自行選擇行、列數

5.列表

5.1無序列表

• 無序列表1
• 無序列表2
• 無序列表3

快捷鍵Ctrl Shift + ]

5.2有序列表

1.有序列表一

2.有序列表二

3.有序列表三

快捷鍵Ctrl Shift + [

輸入*、-、+號隨意一個然後再按下空格就可以實現無序列表， 數字加.（點號）實現有序列表

5.3任務列表

• Python
• Java
• C
• C++
• C#

6.插入圖片

語法 ![]() 

注意：圖片路徑與圖片標題中間要有一個空格

用html的 <img></img> 標籤

<img src=‘圖片的路徑’ title=‘鼠標放上去顯示的文字’ alt=‘圖片未加載出來時顯示的文字’ align=‘對齊方式’></img>

如果不懂Html可以去W3CSchool網站學習一下

7.插入甘特圖、UML圖、Mermaid流程圖

【甘特圖參考文檔】https://mermaidjs.github.io/#/gantt

例如：

gantt
        dateFormat  YYYY-MM-DD
        title Adding GANTT diagram functionality to mermaid
        section 現有任務
        已完成               :done,    des1, 2014-01-06,2014-01-08
        進行中               :active,  des2, 2014-01-09, 3d
        計劃中               :         des3, after des2, 5d

---

【UML圖參考文檔】https://mermaidjs.github.io/#/sequenceDiagram

例如：

sequenceDiagram
張三 ->> 李四: 你好！李四, 最近怎麼樣?
李四-->>王五: 你最近怎麼樣，王五？
李四--x 張三: 我很好，謝謝!
李四-x 王五: 我很好，謝謝!
Note right of 王五: 李四想了很長時間, 文字太長了<br/>不適合放在一行.

李四-->>張三: 打量着王五...
張三->>王五: 很好... 王五, 你怎麼樣?

---

【Mermaid流程圖參考文檔】https://mermaidjs.github.io/#/flowchart?id=grap

graph LR
A[長方形] -- 鏈接 --> B((圓))
A --> C(圓角長方形)
B --> D{菱形}
C --> D

8.代碼塊

java代碼效果

public Demo{
    public static void main(String[] args){
        System.out.println("Hello World --- Java");
    }
}

語法實現

 	```java
	public Demo(){
    	public static void main(){
        	system.out.println("Hello World");
    	}
	}
	```

Python代碼效果

def main():
    print("Hello World --- Python")
    
    
if __name__ == '__main__':
    main()

語法實現

	```python
	def main():
    	print("Hello World --- Python")  


​	if __name__ == '__main__':
​    	main()
	```

快捷鍵Ctrl Shift + K

9.LaTeX數學公式

【參考文檔】https://khan.github.io/KaTeX/

例如：勾股定理 $$a^2+b^2=c^2$$

$a^2+b^2=c^2$

10.快捷鍵、語法彙總

功能&效果	實現語法	快捷鍵
調節標題等級（大小）	無	Ctrl +、Ctrl -（零旁邊的+、-鍵）
標題	# xxx、## xxx、…	Ctrl + 1、Ctrl + 2、…
段落	直接寫文字即可	Ctrl + 0
超鏈接	[超鏈接]()	Ctrl + K
粗體	**粗體**	Ctrl + B
斜體	*斜體*	Ctrl + i
下劃線	<u>下劃線</u>	Ctrl + u
刪除線	~~刪除線~~	alt Shift + 5
code	`code`	Ctrl Shift + `(ESC鍵下面那個鍵)
代碼塊	```中間寫代碼```	Ctrl Shift + K
插入引用	> (大於號)	Ctrl Shift + Q
插入表格	|xxx|xxx|xxx|	Ctrl + T
在表格中下方插入行	無	Ctrl + Enter
在表格中上、下移某行	無	alt + 上方向鍵、下方向鍵
有序列表	數字 + . (點號)	Ctrl Shift + [
無序列表	*、-、+號加空格	Ctrl Shift + ]
插入圖片	![]()	Ctrl Shift + i
清除樣式	無	Ctrl + \
源代碼模式	無	Ctrl + /
全選一行	無	Ctrl + L
跳到文首、文末	無	Ctr + home、end
…	…	…

注意：本文中所有快捷鍵都是針對Typora編輯器

11.錨點

網頁中，錨點其實就是頁內超鏈接，也就是鏈接本文檔內部的某些元素，實現當前頁面中的跳轉。

語法：

## 前言{#foreword}

## 標題用法{#title}

[跳轉到前言](#foreword)、[跳轉到某個標題](#title)

並不是所有Markdown編輯器都支持，但我們可以使用html的id屬性 + 超鏈接的方式實現

如：

<font id='top'>首頁</font>

…

[回到首頁](#top)

回到首頁

12.技巧分享

切記不到萬不得已不要去死記硬背，記住一些常用的就可以(重在理解)，到要用到其他知識的時候先自己去摸索、學習，實在不知道再去問別人或者去看別人的文章，要有自我學習的一個過程。知識和人都要懂得變通，靈活的運用。

當我們遇到一個程序、軟件、網站，想實現或者知道什麼功能時要多利用鼠標左、右點擊，鼠標拖動、還有就是多去點擊一些菜單選項，再或者看看有沒有幫助文檔。如果是英文看不懂怎麼辦？還能怎麼辦學英語啊從根處解決