
【軟件特色】
你只需在Typora打字時輸入正確的 Markdown 語法標記 (如 ##二級標題、 **粗體**),Typora中文版就像觸發(fā)了鍵盤快捷鍵一樣,將對應的文字會即時轉變?yōu)樗鼈儜摮蔀榈臉幼印?br />斜體、加粗、插入圖片、引用、插入圖片、代碼、表格、有序列表等等操作就在你敲完代碼的一瞬間通通魔法般地“變成現實”,你在編輯器上看到的直接就是 Markdown 最終的排版效果了,這種行云流水般的寫作體驗真的非常非常的棒!Typora支持代碼塊的語法高亮(開發(fā)者的福音),對于表格、數學公式這些 MD 里比較難以輸入的元素,Typora 也提供了相當方便的輔助;支持鍵盤快捷鍵;也提供了導出 Markdown 到 HTML 和 PDF 的功能。
如果你的文章里用到一、二、三、四級標題等,界面右上角的「Outline」按鈕也能自動為你的文章生成「大綱目錄」。對,這一點不僅對作者有用,對于 MD 的「讀者」來說也是非常方便的功能,再加上 Typora「一體化」的窗口,關聯了 .MD 格式直接雙擊打開就能閱讀 Markdown 文件,沒有任何多余的功能,作為一款「純粹的 Markdown 閱讀器」也是非常實用的。

【軟件功能】
表格編輯變得如此簡單用 Markdown 編輯表格是如此痛苦的一件事情,因為它的原生格式是這樣的:

簡直反人類啊!還好,Markdown 提供了像 Office 一樣的表格編輯能力。通過菜單欄或快捷鍵 Command+T 可以插入表格,Typora 會彈出一個表格插入設置,你可以預先設定好行數和列數,確定后表格就出現了。每一列上面還有三個按鈕,可以控制本列的文字向左、居中、向右對齊。甚至,你可以點擊左上角改變表格的行數和列數,是不是一種 Office 的既視感,但卻又如此得恰到好處,彌補了 Markdown 編輯器中反人類的表格編輯設定。

插入圖片也變得如此簡單
在傳統(tǒng)的 Markdown 編輯器中,如果想要插入一張圖片,默認的語法是這樣的:

而在 Typora 中,你只需要像把圖片拖拽進去,就大功告成了。再也不用記住語法格式,再也不用輸文件名,再也不用自己去找文件的路徑地址,就是這么簡單。

最好用的代碼和數學公式輸入
Typora 里代碼和數學公式的輸入,也做得一樣出色。當插入代碼區(qū)域時,你可以先選擇代碼的種類,Typora 基本支持了所有主流的代碼高亮(C#、PHP、Java 等等),連 Swift 也不在例外。而數學公式更加,Typora 甚至連 Latex 都支持了。
除此之外,Typora 的編輯還支持插入任務列表、目錄、YAML Front Matters。在所有 Markdown 編輯器中,Typora 的代碼和數學公式輸入,絕對算上得最好用的之一。

支持顯示目錄大綱
Typora 還可以根據當前文檔的標題層級,自動生成顯示大綱,將光標移動到窗口右上角,就會出現字數統(tǒng)計和大綱預覽,如果有需要的話,還可以將目錄層級固定在左側顯示。突然間,就覺得 Mou 1.0 來得有些遲了,已經深深地愛上 Typora 不能自拔。

百變主題,隨心定制
Typora 默認提供了六套主題樣式:Github、默認主題 Gothic、出版風格的 Newsprint、夜間模式 Night、Pixyll 和 Whitey,每一款主題都非常精美。并且,主題是基于 CSS 樣式的,這意味著你可以自己新增任何主題,或者在當前主題的基礎上做一些微調。想想某些廠商的換膚換色,不知道高到哪里去了。

經過一段時間的體驗和使用,Typora 幾乎就是我理想中的 Markdown 編輯器應有的樣子,盡管還是 Beta 版,但完成度之高、性能之穩(wěn)定已經令人折服,貫穿其中的給人從始至終「干凈、純粹」的感覺。
【安裝教程】
首先在本頁下載該軟件,然后點擊

在隨后進入的安裝頁面中,建議勾選“create a desktop icon”,也就是建立一個桌面圖標,這個比較實用,由于安裝時默認不夠選,因此需要大家手動點擊勾選,否則桌面沒有快捷方式對于使用有一定的影響。
然后點擊install就可以了,安裝包會自動安裝好軟件,稍等片刻就可以安裝完成


安裝完成后,點擊“finish”完成安裝,就會首次啟動typora,然后我們就可以暢快的使用typora軟件了


【Typora快捷鍵】
無序列表:輸入-之后輸入空格有序列表:輸入數字+“.”之后輸入空格
任務列表:-[空格]空格 文字
標題:ctrl+數字
表格:ctrl+t
生成目錄:[TOC]按回車
選中一整行:ctrl+l
選中單詞:ctrl+d
選中相同格式的文字:ctrl+e
跳轉到文章開頭:ctrl+home
跳轉到文章結尾:ctrl+end
搜索:ctrl+f
替換:ctrl+h
引用:輸入>之后輸入空格
代碼塊:ctrl+alt+f
加粗:ctrl+b
傾斜:ctrl+i
下劃線:ctrl+u
刪除線:alt+shift+5
插入圖片:直接拖動到指定位置即可或者ctrl+shift+i
插入鏈接:ctrl+k
Ctrl+Backspace 向前一個列表縮進
Tab 向后一個列表縮進
~~~ 或者 “` (Esc下面第一個鍵,注意切英文輸入)加回車 輸入代碼塊
【使用技巧】
Windows版本的Typora使用技巧如何顯示文章大綱目錄?
1.方法:[toc]
2.有些編輯器不支持,github上不支持。CSDN上支持。
前提:你的文章按照H1-H6這種大綱書寫。
作用:用來生成文章的大綱目錄
如何改變已寫文字的樣式?
問題場景:本來要寫三級標題,結果多寫了一個#,變成四級標題怎么辦?
問題分析:如果你去掉#(或者重新加上#),你發(fā)現很別扭。
方法:
方法一:使用鼠標右鍵
選擇文字,右鍵,選擇Paragraph,選擇Heading 3.
方法二:使用快捷鍵
選擇文字,ctrl+3
方法三:使用工具欄
選擇文字,工具欄選擇Paragraph,選擇Heading 3.
(就像在Word一樣)
問題總結:這個問題可以延伸很多情景,比如普通文字變成鏈接文字、增加或減少文字的縮進等,這里你會發(fā)現:真的跟word是兄妹。
如何插入表格?
如同“2.如何給標題降級”一樣,用鼠標右鍵,快捷鍵,工具欄,你都可以找到方法,當然你也可以用最基本的語法。
如何讓插入圖片變得輕松些?
問題場景:如果從剪貼板得到的圖片能復制到文章(拖拽圖片),而且能夠自動保存在某一位置就好了。
步驟一:File–>Preference–>Editor–>Image Insert–>Allow copy images to given folder
步驟二:Edit–>ImageTools–>When Insert Local Images–> Copy Image File to Folder...
以上步驟目的:在編輯文章時從剪貼板獲得的圖片或者拖拽圖片,自動會將該圖片存儲到指定文件夾下。步驟二會出現文件夾選擇框,選擇你將要保存圖片文件的文件夾位置。
TIP:圖片支持拖拽,但是圖片不支持粘貼復制,但是卻可以從剪貼板中粘貼,不知道為什么。
問題場景:如果拖拽的圖片,粘貼的圖片自動使用相對路徑,就可以方便上傳到GitHub了。
將圖片與文章放在同一個文件夾下,方便使用相對路徑表示圖片。
方法一:File–>Preference–>Editor–>Image Insert–>Allow relative path if possible
方法二:Edit–>ImageTools–>When Insert Local Images–> Use Image Root Path
問題場景:輕松發(fā)布到別的地方,比如CSDN博客?
沒有很好的方法,有人推薦用MWeb+一系列工具,但是MWeb收費。我就先上傳到GitHub,然后就手動給圖片加上路徑。
【語法】
Typora For Markdown 語法
數學表達式
要啟用這個功能,首先到Preference->Editor中啟用。然后使用$符號包裹Tex命令,例如:$lim_{x \to \infty} \ exp(-x)=0$將產生如下的數學表達式:
下標
下標使用~包裹,例如:H~2~O將產生水的分子式。
上標
上標使用^包裹,例如:y^2^=4將產生表達式
插入表情
使用:happy:輸入高興的表情,使用:sad:輸入悲傷的表情,使用:cry:輸入哭的表情等。以此類推!
下劃線
用HTML的語法Underline將產生下劃線Underline.
刪除線
GFM添加了刪除文本的語法,這是標準的Markdown語法木有的。使用~~包裹的文本將會具有刪除的樣式,例如~刪除文本~將產生刪除文本的樣式。
代碼
使用`包裹的內容將會以代碼樣式顯示,例如
使用`printf()`
則會產生printf()樣式。
輸入~~~或者```然后回車,可以輸入代碼塊,并且可以選擇代碼的語言。例如:
public Class HelloWorld{
System.out.println("Hello World!");
}
強調
使用兩個*號或者兩個_包裹的內容將會被強調。例如
**使用兩個*號強調內容**
__使用兩個下劃線強調內容__
將會輸出
使用兩個號強調內容*
使用兩個下劃線強調內容
Typroa 推薦使用兩個*號。
斜體
在標準的Markdown語法中,*和_包裹的內容會是斜體顯示,但是GFM下劃線一般用來分隔人名和代碼變量名,因此我們推薦是用星號來包裹斜體內容。如果要顯示星號,則使用轉義:
\*
插入圖片
我們可以通過拖拉的方式,將本地文件夾中的圖片或者網絡上的圖片插入。
插入URL連接
使用尖括號包裹的url將產生一個連接,例如:
如果是標準的url,則會自動產生連接,例如:www.google.com
目錄列表Table of Contents(TOC)
輸入[toc]然后回車,將會產生一個目錄,這個目錄抽取了文章的所有標題,自動更新內容。
水平分割線
使用***或者---,然后回車,來產生水平分割線。
標注
我們可以對某一個詞語進行標注。例如
某些人用過了才知道[^注釋]
[^注釋]:Somebody that I used to know.
將產生:
把鼠標放在注釋上,將會有提示內容。
表格
|姓名|性別|畢業(yè)學校|工資|
|:---|:---:|:---:|---:|
|楊洋|男|重慶交通大學|3200|
|峰哥|男|貴州大學|5000|
|坑貨|女|北京大學|2000|
將產生:
其中代碼的第二行指定對齊的方式,第一個是左對齊,第二個和第三個是居中,最后一個是右對齊。
數學表達式塊
輸入兩個美元符號,然后回車,就可以輸入數學表達式塊了。例如:
$$\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix} \mathbf{i} & \mathbf{j} & \mathbf{k} \\\frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\\frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \\\end{vmatrix}$$
將會產生:
任務列表
使用如下的代碼創(chuàng)建任務列表,在[]中輸入x表示完成,也可以通過點擊選擇完成或者沒完成。
- [ ] 吃飯
- [ ] 逛街
- [ ] 看電影
- [ ] 約泡
列表
輸入+, -, *,創(chuàng)建無序的列表,使用任意數字開頭,創(chuàng)建有序列表,例如:
**無序的列表**
* tfboys
* 楊洋
* 我愛你
無序的列表
tfboys
楊洋
我愛你
**有序的列表**
1. 蘋果
6. 香蕉
10. 我都不喜歡
有序的列表
蘋果
香蕉
我都不喜歡
塊引用
使用>來插入塊引用。例如:
>這是一個塊引用!
將產生:
這是一個塊引用!
標題
使用#表示一級標題,##表示二級標題,以此類推,有6個標題。
【使用教程】
使用typora畫流程圖、時序圖(順序圖)、甘特圖橫向流程圖源碼格式:
```mermaid
graph LR
A[方形] -->B(圓角)
B --> C{條件a}
C -->|a=1| D[結果1]
C -->|a=2| E[結果2]
F[橫向流程圖]
```

豎向流程圖源碼格式:
```mermaid
graph TD
A[方形] -->B(圓角)
B --> C{條件a}
C -->|a=1| D[結果1]
C -->|a=2| E[結果2]
F[豎向流程圖]
```

標準流程圖源碼格式:
```flow
st=>start: 開始框
op=>operation: 處理框
cond=>condition: 判斷框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 輸入輸出框
e=>end: 結束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op
```

標準流程圖源碼格式(橫向):
```flow
st=>start: 開始框
op=>operation: 處理框
cond=>condition: 判斷框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 輸入輸出框
e=>end: 結束框
st(right)->op(right)->cond
cond(yes)->io(bottom)->e
cond(no)->sub1(right)->op
```

UML時序圖源碼樣例:
```sequence
對象A->對象B: 對象B你好嗎?(請求)
Note right of 對象B: 對象B的描述
Note left of 對象A: 對象A的描述(提示)
對象B-->對象A: 我很好(響應)
對象A->對象B: 你真的好嗎?
```

UML時序圖源碼復雜樣例:
```sequence
Title: 標題:復雜使用
對象A->對象B: 對象B你好嗎?(請求)
Note right of 對象B: 對象B的描述
Note left of 對象A: 對象A的描述(提示)
對象B-->對象A: 我很好(響應)
對象B->小三: 你好嗎
小三-->>對象A: 對象B找我了
對象A->對象B: 你真的好嗎?
Note over 小三,對象B: 我們是朋友
participant C
Note right of C: 沒人陪我玩
```

UML標準時序圖樣例:
```mermaid
%% 時序圖例子,-> 直線,-->虛線,->>實線箭頭
sequenceDiagram
participant 張三
participant 李四
張三->王五: 王五你好嗎?
loop 健康檢查
王五->王五: 與疾病戰(zhàn)斗
Note right of 王五: 合理 食物
看醫(yī)生...
李四-->>張三: 很好!
王五->李四: 你怎么樣?
李四-->王五: 很好!
```

甘特圖樣例:
```mermaid
%% 語法示例
gantt
dateFormat YYYY-MM-DD
title 軟件開發(fā)甘特圖
section 設計
需求 :done, des1, 2014-01-06,2014-01-08
原型 :active, des2, 2014-01-09, 3d
UI設計 : des3, after des2, 5d
未來任務 : des4, after des3, 5d
section 開發(fā)
學習準備理解需求 :crit, done, 2014-01-06,24h
設計框架 :crit, done, after des2, 2d
開發(fā) :crit, active, 3d
未來任務 :crit, 5d
耍 :2d
section 測試
功能測試 :active, a1, after des3, 3d
壓力測試 :after a1 , 20h
測試報告 : 48h
```

【更新日志】
1.添加選項以重新打開最后的文件/文件夾或在啟動時打開自定義文件夾2.添加克羅地亞語





































