Markdown 語言和 Typora 編輯器

2021.12.10 更新

Typora 最新版本要收費了,但是舊版本依然是免費的崖媚,如果對現(xiàn)有的 Bug 不介意的話痛单,還是可以繼續(xù)下載使用免費的舊版本的。

=======================================================

為什么要用 Markdown 和 Typora

Markdown( *.md ) 是現(xiàn)在非常流行的一種文檔書寫語言须误,用戶只需用一些非常簡單易記的語法格式就可以輕松寫出一篇具有良好的排版和可讀性的文章挨稿。就像其作者 John Gruber 描述的那樣, "to write using an easy-to-read, easy-to-write plain text format, and optionally convert it to structurally valid XHTML or HTML". 可以把 Markdown 看作輕量級的 Latex 語言京痢,雖然功能不如 Latex 那么強大奶甘,但是 Markdown 簡單的語法基本可以滿足普通文檔的書寫。

原則上祭椰,所有的文本編輯器都可以用來書寫 Markdown 文件臭家,但是專用的 Markdown 編輯器更方便預(yù)覽疲陕、修改。我在選擇 Markdown 編輯器時钉赁,比較看中兩點:

  1. 有導(dǎo)航欄或者目錄蹄殃,最好是在側(cè)邊,而不是在文檔的頭部你踩。這樣對于比較長的文檔诅岩,可以很容易定位到某一特定位置,而不需要拉回到文檔頭部再點擊超鏈接带膜。
  2. 可以實時顯示最終的效果按厘,這樣書寫效率更高一些,更容易糾錯钱慢。

雖然現(xiàn)在的 Markdown 編輯器很多逮京,但他們的交互形式基本都是將編輯和預(yù)覽分離開來的,要么是直接左右排列編輯和預(yù)覽窗口 (有些還不能自動同步滾動頁面)束莫,要么是要在兩種模式之間來回切換懒棉,實在是麻煩且不夠直觀。而 Typora 則不同览绿,它只使用一個窗口策严,能同時將代碼編輯與預(yù)覽結(jié)合起來,從而為用戶帶來更加流暢直觀的所見即所得的 Markdown 寫作體驗饿敲。同時妻导,Typora 在文檔左側(cè)提供了 outline,很方便文檔定位怀各。 而且 Typora 左側(cè)還可以顯示文件夾目錄卢肃,具備簡單的文檔管理功能剔应。

如何安裝Typora

安裝過程很簡單,按照 Typora官網(wǎng) 指導(dǎo)即可。
具體的安裝代碼如下:

wget -qO - https://typora.io/linux/public-key.asc | sudo apt-key add -
# or run:
# sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys BA300B7755AFCFAE

# add Typora's repository
sudo add-apt-repository 'deb https://typora.io/linux ./'
sudo apt-get update

# install typora
sudo apt-get install typora

安裝之后示弓,就可以直接在里面書寫了径缅,下面總結(jié)一下自己常用的 Markdown 語法浪漠。

Markdown 基本語法

1. 標(biāo)題

在想要設(shè)置為標(biāo)題的文字前面加#:一個#是一級標(biāo)題鸵膏,二個#是二級標(biāo)題,以此類推法焰。支持六級標(biāo)題秧荆。
注意: 標(biāo)準(zhǔn)語法一般在#后跟個空格再寫文字。
示例:

# 一級標(biāo)題
## 二級標(biāo)題
### 三級標(biāo)題

效果如下:

一級標(biāo)題

二級標(biāo)題

三級標(biāo)題

2. 字體

可以簡單的將字體加粗或者傾斜
加粗時把要加粗的文字左右分別用兩個*號包起來
傾斜時把要傾斜的文字左右分別用一個*號包起來
將要傾斜和加粗的文字左右分別用三個*號包起來
示例

**加粗**
*傾斜*
***加粗傾斜***

效果如下:
加粗
傾斜
加粗傾斜

3. 列表

要顯示有編號的列表埃仪,只需要在行首用數(shù)字+. 開頭乙濒。以該數(shù)字為起點開始編號,并逐行增加贵试,不受后邊編號的影響琉兜。

6. text1
0. text2
3. text3

顯示效果:

  1. text1
  2. text2
  3. text3

要顯示不帶編號的列表凯正,只需要把上述的數(shù)字+.替換成- 即可。

- text1
- text2
- text3

顯示效果:

  • text1
  • text2
  • text3

列表可以嵌套豌蟋,只需要在頭部加空格:

1. text1
   - subtext1
   - subtext2
2. text2

顯示效果:

  1. text1
    • subtext1
    • subtext2
  2. text2

4. 段落 引用

語法借鑒了 EMAIL 中的格式廊散,用 > 表示一層引用,>> 表示兩層梧疲,可以繼續(xù)嵌套允睹,例如

> 我也很沒用,但是兩個人一起的話幌氮,就會變得很堅強缭受。 ----古河渚
>> 能哭的地方,只有廁所该互,和爸爸的懷里米者。 ----岡崎汐

顯示效果如下:

我也很沒用,但是兩個人一起的話宇智,就會變得很堅強蔓搞。 ----古河渚

能哭的地方,只有廁所随橘,和爸爸的懷里喂分。 ----岡崎汐

5. 超鏈接

添加超鏈接的方式有 inline 和 referenced 兩種,格式分別如下:

# inline 方式
[text](url)

例如:
[Typora官網(wǎng)](https://www.typora.io/)

中括號里為顯示內(nèi)容机蔗,小括號里為鏈接地址
顯示效果:
Typora官網(wǎng)

# referenced 方式
[text][ref]
[ref] : https://www.typora.io/

例如:
[Typora官網(wǎng)][ref_1]
....其他文字內(nèi)容 ...
[ref_1] : https://www.typora.io/

顯示效果:
Typora官網(wǎng)

6. 插入圖片

與超鏈接幾乎相同蒲祈,只不過在最前邊加上感嘆號 !
也是有 inline 和 referenced 兩種方式
語法如下:

# inline 方式
![圖片alt](圖片地址 )

# referenced 方式
![圖片alt][ref]

[ref]: 圖片地址 

圖片alt 是圖片不能正常顯示時備用的文字萝嘁,但有些編輯器是當(dāng)作圖片下方的標(biāo)題說明梆掸。
圖片地址可以是網(wǎng)絡(luò)地址 url,也可以是本機(jī)圖片所在路徑酿愧。

例如:

![這是圖片標(biāo)題文字或備用文字](http://i.imgur.com/fF8f2LM.jpg)

顯示效果如下:


這是圖片標(biāo)題文字或備用文字

基本的 Markdown 語言不能設(shè)置圖片大小沥潭,好在很多 Markdown 編輯器(包括 Typora)支持 html 語言格式,因此我們可以用如下的命令插入指定大小的圖片

<img src="file_path" alt="show me if img is not loaded" width=300 height=300 align="center"> # 指定寬和高
# 或者
<img src="picture1.png" alt="drawing" style="zoom:50%"/>  # 指定縮小 50%

7. 原樣顯示代碼

單行代碼:代碼之間分別用一個反引號 (一般鍵盤布局中嬉挡,數(shù)字 1 鍵左邊那個) 括起來,例如

`代碼`

多行代碼:用三個反引號括起來汇恤,例如

```
代碼
```

為了讓代碼顯示某種編程語言的風(fēng)格庞钢,尤其是關(guān)鍵詞高亮,還可以指明編程語言因谎,例如

```python
def func():
     return "something"
```

8. 表格

例如

| value1 | value2 | value3 |
| :--| :---: | ----: |
| 1 | 2 | 3|
| 4 | 5 | 6|

顯示效果

value1 value2 value3
1 2 3
4 5 6

其中 -- 的數(shù)量比較隨意基括,一個以上就可以了,冒號對應(yīng)了左财岔、右风皿、中對齊排列

9. 公式

公式的書寫格式與 latex 類似河爹。

  • 單行公式
    一般用 $ . . . $ 符號把要顯示的公式內(nèi)容括起來,例如
$ a^2 + b^2 = c^2$

顯示效果:
a^2 + b^2 = c^2

  • 多行公式
$$
\begin{align}
y &= Ax + Bu \\
z &= cx
\end{align}
$$

顯示效果:
\begin{align} y &= Ax + Bu \\ z &= cx \end{align}

  • 分段函數(shù):
$$
\begin{cases}
y = 1 & \text{if $~~x \le 0$} \\
y = 2 & \text{if $~~x > 0$}
\end{cases}
$$

\begin{cases} y = 1 & \text{if $~~x \le 0$} \\ y = 2 & \text{if $~~x > 0$} \end{cases}

  • 矩陣
$$
A = \left[
\begin{matrix}
1 & 2 & 3 \\
4 & 5 & 6 \\
7 & 8 & 9
\end{matrix}
\right]
$$

A = \left[ \begin{matrix} 1 & 2 & 3 \\ 4 & 5 & 6 \\ 7 & 8 & 9 \end{matrix} \right]

還有更簡單的書寫方式桐款,不再額外定義括號格式咸这,而是在矩陣環(huán)境中直接設(shè)定:

$$
A=\begin{bmatrix}
1 & 2 & 3 \\
4 & 5 & 6 \\
7 & 8 & 9
\end{bmatrix}
$$

A=\begin{bmatrix} 1 & 2 & 3 \\ 4 & 5 & 6 \\ 7 & 8 & 9 \end{bmatrix}

除了 bmatrix,還有其他比較常用的矩陣環(huán)境如下:

圓括號

$$
A=\begin{pmatrix}
1 & 2 & 3 \\
4 & 5 & 6 \\
7 & 8 & 9
\end{pmatrix}
$$

A=\begin{pmatrix} 1 & 2 & 3 \\ 4 & 5 & 6 \\ 7 & 8 & 9 \end{pmatrix}

大括號

$$
A=\begin{Bmatrix}
1 & 2 & 3 \\
4 & 5 & 6 \\
7 & 8 & 9
\end{Bmatrix}
$$

A=\begin{Bmatrix} 1 & 2 & 3 \\ 4 & 5 & 6 \\ 7 & 8 & 9 \end{Bmatrix}

行列式形式

$$
A=\begin{vmatrix}
1 & 2 & 3 \\
4 & 5 & 6 \\
7 & 8 & 9
\end{vmatrix}
$$

A=\begin{vmatrix} 1 & 2 & 3 \\ 4 & 5 & 6 \\ 7 & 8 & 9 \end{vmatrix}

范數(shù)形式

$$
A=\begin{Vmatrix}
1 & 2 & 3 \\
4 & 5 & 6 \\
7 & 8 & 9
\end{Vmatrix}
$$

A=\begin{Vmatrix} 1 & 2 & 3 \\ 4 & 5 & 6 \\ 7 & 8 & 9 \end{Vmatrix}

10. 總結(jié)

我記得有人說過一個下午就可以學(xué)會 Latex魔眨,那么學(xué)會 Markdown 大概只需要幾分鐘吧媳维。本文總結(jié)了常用的 Markdown 語法規(guī)則,大概可以應(yīng)對絕大部分的寫作要求了遏暴。如果想更全面的學(xué)習(xí) Markdown 語法和細(xì)節(jié)侄刽,可以參考這個教程

注意:不同的編輯器對 Markdown 語法的解讀可能會有稍微的差別朋凉,上邊的介紹不保證在所有的 Markdown 編輯器中都有相同的預(yù)覽效果州丹。Typora 編輯器額外提供了一些特殊的文檔結(jié)構(gòu),例如任務(wù)列表杂彭。也可以通過界面直接選擇創(chuàng)建列表当叭、表格等,非常方便盖灸。

Written by shaohua
Revised by QP

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末蚁鳖,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子赁炎,更是在濱河造成了極大的恐慌醉箕,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,490評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件徙垫,死亡現(xiàn)場離奇詭異讥裤,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)姻报,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,581評論 3 395
  • 文/潘曉璐 我一進(jìn)店門己英,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人吴旋,你說我怎么就攤上這事损肛。” “怎么了荣瑟?”我有些...
    開封第一講書人閱讀 165,830評論 0 356
  • 文/不壞的土叔 我叫張陵治拿,是天一觀的道長。 經(jīng)常有香客問我笆焰,道長劫谅,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,957評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮捏检,結(jié)果婚禮上荞驴,老公的妹妹穿的比我還像新娘。我一直安慰自己贯城,他們只是感情好熊楼,可當(dāng)我...
    茶點故事閱讀 67,974評論 6 393
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著冤狡,像睡著了一般孙蒙。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上悲雳,一...
    開封第一講書人閱讀 51,754評論 1 307
  • 那天挎峦,我揣著相機(jī)與錄音,去河邊找鬼合瓢。 笑死坦胶,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的晴楔。 我是一名探鬼主播顿苇,決...
    沈念sama閱讀 40,464評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼税弃!你這毒婦竟也來了纪岁?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,357評論 0 276
  • 序言:老撾萬榮一對情侶失蹤则果,失蹤者是張志新(化名)和其女友劉穎幔翰,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體西壮,經(jīng)...
    沈念sama閱讀 45,847評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡遗增,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,995評論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了款青。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片做修。...
    茶點故事閱讀 40,137評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖抡草,靈堂內(nèi)的尸體忽然破棺而出饰及,到底是詐尸還是另有隱情,我是刑警寧澤渠牲,帶...
    沈念sama閱讀 35,819評論 5 346
  • 正文 年R本政府宣布旋炒,位于F島的核電站,受9級特大地震影響签杈,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,482評論 3 331
  • 文/蒙蒙 一答姥、第九天 我趴在偏房一處隱蔽的房頂上張望铣除。 院中可真熱鬧,春花似錦鹦付、人聲如沸尚粘。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,023評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽郎嫁。三九已至,卻和暖如春祈噪,著一層夾襖步出監(jiān)牢的瞬間泽铛,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,149評論 1 272
  • 我被黑心中介騙來泰國打工辑鲤, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留盔腔,地道東北人。 一個月前我還...
    沈念sama閱讀 48,409評論 3 373
  • 正文 我出身青樓月褥,卻偏偏與公主長得像弛随,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子宁赤,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,086評論 2 355

推薦閱讀更多精彩內(nèi)容