程式設計師必備軟體之編輯預覽於一身的 Typora

前言

作為程式設計師，相信對 MarkDown 語法並不陌生，平時知識的積累，部落格的編寫或者是工作的報告都或多或少會用到。

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

那具體的介紹和使用語法就不用過多介紹，較為簡單，網上一搜一大把。對應的編輯器也很多，比如之前使用的 MacDown，或者是筆記軟體，更或者是博文平臺都是支援 MarkDown 語法的。就我使用的過程來看，大部分的介面都是編輯+預覽的，那 Typora 不同於其他的編輯工具，當輸入相應的標記符號，系統便會自動渲染文字，形成相對應的格式。因此就達到了 編輯與預覽 同一介面的效果。

看一下大概的效果，後面會一一介紹：

功能還有很多，確實值得擁有。

獲取

Typora — a markdown editor, markdown reader.

進入官網可進行下載，目前 Mac、 Windows 和 Linux 都有對應的版本，當然也有詳細的使用介紹。

基本使用

Typora 支援原生的標記語法使用，也支援非常強大的快捷鍵使用，兩者配合著使用，很大程度上可以提高工作效率。

標題

特殊樣式

列表

程式碼

表格

流程圖 時序圖

相關對應的程式碼:

// 流程圖 flow
st=>start: Start
op=>operation: Your Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op

// sequence
Title:連線建立的過程
客戶主機->伺服器主機: 連線請求（SYN=1,seq=client_isn） 
伺服器主機->客戶主機: 授予連線（SYN=1,seq=client_isn）\n ack=client_isn+1
客戶主機->伺服器主機: 確認（SYN=0,seq=client_isn+1）\nack=server_isn+1

// mermaid
graph TD
client1-->|read / write|SVN((SVN server))
client2-->|read only|SVN
client3-->|read / write|SVN
client4-->|read only|SVN
client5(...)-->SVN
SVN---|store the data|sharedrive

複製程式碼

進階使用

插入圖片

有人說插入圖片憑什麼算作為 進階使用，不就一行程式碼的事情嗎 ![]()，但是我要說的可不一樣。

我們平常需要插入文章應該怎麼辦？

1. 直接從網路上獲取圖片的連結地址，作為自己的圖片連結(萬一連結改變，圖片便顯示不出)
2. 直接本地檔案的相對路徑(萬一部落格需要共享，自然別人看不到圖片)
3. 先通過別的平臺上傳圖片(七牛雲)，然後拷貝連結地址(操作較為麻煩)
4. 當然可以直接在簡書上直接拖拽檔案到編輯見面(那又何必用 Typora。。。)

有圖床神器 iPic，可以通過拖拽、快捷鍵等方式上傳圖片，支援微博、七牛、又拍、阿里雲、Imgur、Flickr、Amazon S3 等圖床，自動儲存 Markdown 格式連結，給你前所未有的插圖體驗。

看一下效果:

或者是直接拷貝貼上圖片到編輯器中也可以：

還可以支援多檔案上傳哦，具體教程請見 ipic使用教程

版本回溯

我覺得這是它最牛逼的地方了！有點點類似開發過程中的程式碼回退，比如你想回到某個版本，通過 git reset [commit] 即可回到需要的版本，那 Typora 的效果如何呢？

首先點選 瀏覽所有版本，即可以看到歷史的版本：

主題更換

Typora 支援各種主題的更換

總結

Typora 用習慣了後，真的是離不開他，不僅介面相當友好，而且快捷鍵功能強大，更提供了方面的插入圖片方式，擁有並學會它，一定可以幫助您提高開發效率的。

原文地址