整合營(yíng)銷(xiāo)服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
ypora 是一款支持實(shí)時(shí)預(yù)覽的 Markdown 文本編輯器。它有 OS X、Windows、Linux 三個(gè)平臺(tái)的版本，目前完全免費(fèi)。
https://typora.io/#
Markdown是一種輕量級(jí)標(biāo)記語(yǔ)言，創(chuàng)始人為約翰·格魯伯（英語(yǔ)：John Gruber）。 它允許人們使用易讀易寫(xiě)的純文本格式編寫(xiě)文檔，然后轉(zhuǎn)換成有效的XHTML（或者HTML）文檔。這種語(yǔ)言吸收了很多在電子郵件中已有的純文本標(biāo)記的特性。
由于Markdown的輕量化、易讀易寫(xiě)特性，并且對(duì)于圖片，圖表、數(shù)學(xué)式都有支持，目前許多網(wǎng)站都廣泛使用Markdown來(lái)撰寫(xiě)幫助文檔或是用于論壇上發(fā)表消息。 如GitHub、Reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge、簡(jiǎn)書(shū)等，甚至還能被使用來(lái)撰寫(xiě)電子書(shū)。
在使用Dreamweaver編寫(xiě)網(wǎng)頁(yè)時(shí)，遇到需要插入代碼塊、流程圖、數(shù)學(xué)公式時(shí)，總是顯得很無(wú)力，效率很低，效果不好，使用Typora會(huì)讓這些問(wèn)題迎刃而解，且輕便，簡(jiǎn)單。
直接看一個(gè)demo：
導(dǎo)出為html:
html網(wǎng)頁(yè)源代碼：
其可以導(dǎo)出的格式有：
流程圖樣式包括：
1、標(biāo)準(zhǔn)流程圖源碼格式（橫向）：
```flow
st=>start: 開(kāi)始框
op=>operation: 處理框
cond=>condition: 判斷框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 輸入輸出框
e=>end: 結(jié)束框
st(right)->op(right)->cond
cond(yes)->io(bottom)->e
cond(no)->sub1(right)->op
```2 mermaid語(yǔ)言庫(kù)繪流程圖
Mermaid 是一個(gè)用于畫(huà)流程圖、狀態(tài)圖、時(shí)序圖、甘特圖的庫(kù)，使用 JS 進(jìn)行本地渲染，廣泛集成于許多 Markdown 編輯器中。
Mermaid 作為一個(gè)使用 JS 渲染的庫(kù)，生成的不是一個(gè)“圖片”，而是一段 HTML 代碼，因此安全許多。
官網(wǎng)：https://mermaidjs.github.io/
Github 項(xiàng)目地址：https://github.com/knsv/mermaid
2.1 橫向流程圖源碼格式：
graph LR
A[方形] -->B(圓角)
B --> C{條件a}
C -->|a=1| D[結(jié)果1]
C -->|a=2| E[結(jié)果2]2.2 豎向流程圖源碼格式：
sequenceDiagram
Title: 標(biāo)題：復(fù)雜使用
對(duì)象A->對(duì)象B: 對(duì)象B你好嗎?（請(qǐng)求）
Note right of 對(duì)象B: 對(duì)象B的描述
Note left of 對(duì)象A: 對(duì)象A的描述(提示)
對(duì)象B-->對(duì)象A: 我很好(響應(yīng))
對(duì)象B->小三: 你好嗎
小三-->>對(duì)象A: 對(duì)象B找我了
對(duì)象A->對(duì)象B: 你真的好嗎？
Note over 小三,對(duì)象B: 我們是朋友
participant C
Note right of C: 沒(méi)人陪我玩2.3 時(shí)序圖源碼復(fù)雜樣例
gantt
dateFormat YYYY-MM-DD
title 軟件開(kāi)發(fā)甘特圖
section 設(shè)計(jì)
需求 :done, des1, 2014-01-06,2014-01-08
原型 :active, des2, 2014-01-09, 3d
UI設(shè)計(jì) : des3, after des2, 5d
未來(lái)任務(wù) : des4, after des3, 5d
section 開(kāi)發(fā)
學(xué)習(xí)準(zhǔn)備理解需求 :crit, done, 2014-01-06,24h
設(shè)計(jì)框架 :crit, done, after des2, 2d
開(kāi)發(fā) :crit, active, 3d
未來(lái)任務(wù) :crit, 5d
耍 :2d
section 測(cè)試
功能測(cè)試 :active, a1, after des3, 3d
壓力測(cè)試 :after a1 , 20h
測(cè)試報(bào)告 : 48h2.4 甘特圖樣例：
gantt
dateFormat YYYY-MM-DD
title 軟件開(kāi)發(fā)甘特圖
section 設(shè)計(jì)
需求 :done, des1, 2014-01-06,2014-01-08
原型 :active, des2, 2014-01-09, 3d
UI設(shè)計(jì) : des3, after des2, 5d
未來(lái)任務(wù) : des4, after des3, 5d
section 開(kāi)發(fā)
學(xué)習(xí)準(zhǔn)備理解需求 :crit, done, 2014-01-06,24h
設(shè)計(jì)框架 :crit, done, after des2, 2d
開(kāi)發(fā) :crit, active, 3d
未來(lái)任務(wù) :crit, 5d
耍 :2d
section 測(cè)試
功能測(cè)試 :active, a1, after des3, 3d
壓力測(cè)試 :after a1 , 20h
測(cè)試報(bào)告 : 48h教程：
Markdown 高級(jí)技巧 | 菜鳥(niǎo)教程（使用 Typora 編輯器講解 Markdown 的語(yǔ)法）
https://www.runoob.com/markdown/md-advance.html
ref
1 Typora 完全使用詳解
https://sspai.com/post/54912/
2 用什么軟件畫(huà)流程圖好？-悟空問(wèn)答
https://www.wukong.com/question/6809962012198568195/
3 Mermaid 實(shí)用教程
https://blog.csdn.net/fenghuizhidao/article/details/79440583
－End－
有什么東西可以永恒不變，哪怕是一款 6 年時(shí)間里都處在 beta 測(cè)試期的寫(xiě)作軟件。
11 月 23 日，備受好評(píng)的 Markdown 編輯器（什么是 Markdown？）Typora 終于宣布結(jié)束測(cè)試，邁入 1.0 正式版的時(shí)代。
我們都知道，一款游戲從 beta 走向正式版，可能意味著從「不能玩」蛻變到「好玩」；但 Markdown 編輯器則不然，從 0.11.18 變成 1.0.0，它變化的幅度可能小于你今天睡醒決定早餐不吃腸粉而是換成茶葉蛋。
換句話說(shuō)，1.0 正式版可不是什么鳳凰涅槃，官方頁(yè)面給出的信息顯示，它只是更新了如下方面：
噢，還有最重要的一點(diǎn)：Typora 開(kāi)始收費(fèi)了。
坦誠(chéng)地說(shuō)，開(kāi)發(fā)者倒是沒(méi)有提過(guò)半句他們要開(kāi)源免費(fèi)之類(lèi)的話，但就像一款始終拿不到版號(hào)的網(wǎng)絡(luò)游戲，漫長(zhǎng)的免費(fèi)測(cè)試期不免讓用戶以為它真的是免費(fèi)軟件。
但天要下雨娘要嫁人，Typora 畢竟是收費(fèi)了——要么接受現(xiàn)實(shí)乖乖掏兜支持開(kāi)發(fā)者，要么繼續(xù)用已經(jīng)非常好用的最后一個(gè)測(cè)試版，要么轉(zhuǎn)向其他編輯器。這么多條路，你總有一個(gè)去處。
說(shuō)說(shuō)價(jià)格，目前一個(gè)許可證定價(jià) 89 元人民幣 / 14.99 美元，每個(gè)許可證支持激活三臺(tái)設(shè)備。換電腦了也不用擔(dān)心，沿著「菜單」-「關(guān)于」-「許可證信息」的路徑就能找到「解綁設(shè)備」按鈕，從而將舊設(shè)備的激活名額空出來(lái)給新設(shè)備用。只要你同時(shí)在少于三臺(tái)設(shè)備上使用 Typora，一個(gè)許可證就足以滿足你的需要。
順帶一提，在 1.0.0 正式版發(fā)布后，官方旋即又更新了 1.0.3 版本，為中國(guó)用戶增加了一個(gè)「Typora 服務(wù)使用國(guó)內(nèi)服務(wù)器」選項(xiàng)以解決激活問(wèn)題。沖這份誠(chéng)意，似乎就很有理由去買(mǎi)一個(gè)許可證支持他們。
進(jìn)入 Typora 商城頁(yè)面點(diǎn)擊「Purchase」按鈕，網(wǎng)站會(huì)自動(dòng)檢測(cè)你的地區(qū)，生成一份 89 元的賬單，信用卡和支付寶均能支付——支付寶隨機(jī)立減還為我們省下了 1 毛 1。
付款后網(wǎng)頁(yè)自動(dòng)刷新顯示激活碼，同時(shí)也將帶有激活碼的郵件發(fā)往你填寫(xiě)的郵箱，復(fù)制到 Typora 許可證頁(yè)面即可順利激活軟件。如果沒(méi)興趣對(duì)著激活成功后的煙花特效回憶小學(xué)微機(jī)課上通關(guān)《蜘蛛紙牌》的快樂(lè)，現(xiàn)在就可以叉掉激活頁(yè)面——
歡迎（再次）開(kāi)啟你的 Typora 之旅。
身邊大部分會(huì)用到 Markdown 的朋友們，不是主力用 Typora 輸出文字，就是將其作為自己寫(xiě)作流程的一環(huán)。比起其他編輯器，Typora 到底有何魔力，讓文字工作者們愛(ài)不釋手？
所見(jiàn)即所得
最重要的一點(diǎn)，莫過(guò)于 Typora「所見(jiàn)即所得」的呈現(xiàn)方式。
作為一種「輕量級(jí)標(biāo)記語(yǔ)言」，Markdown 會(huì)用各種簡(jiǎn)單標(biāo)記讓文本在渲染后呈現(xiàn)出格式，但它同時(shí)意味著，散落在原始文本中的標(biāo)記會(huì)擾亂編輯者的視線。當(dāng)然，過(guò)往的編輯器不認(rèn)為這是什么缺點(diǎn)，反倒覺(jué)得這能夠幫助編輯者直觀地看出語(yǔ)法問(wèn)題并輕易地作出修改。
所以，針對(duì) Markdown 的撰寫(xiě)與渲染，過(guò)去常用的一種方案是「雙欄式寫(xiě)作」，也就是一欄用于編輯帶有語(yǔ)法標(biāo)記的原始文本，另一欄實(shí)時(shí)顯示渲染后的效果，我過(guò)去兩年所用的主力編輯器 Yu Writer 便是這樣：
Simplenote 則代表了另一種解決方案 ，它提供了一個(gè)「預(yù)覽」按鈕，點(diǎn)擊后就能預(yù)覽渲染后的模樣——經(jīng)常做 PPT 的人對(duì)此肯定不陌生：
然而，它的缺點(diǎn)是在預(yù)覽界面不能編輯文本，發(fā)現(xiàn)問(wèn)題了，還得切回來(lái)編輯界面。需要大量編輯的話，來(lái)回切換相當(dāng)不便。
比較起來(lái)，Typora 提供的是一種更為簡(jiǎn)潔、優(yōu)雅的方案：輸入標(biāo)記后，標(biāo)記自動(dòng)隱藏，同時(shí)在編輯窗口實(shí)時(shí)渲染出最終效果。整個(gè)過(guò)程行云流水、一氣呵成。
一旦有頻繁編輯語(yǔ)法標(biāo)記的需求，切換到「源代碼模式」就能關(guān)閉實(shí)時(shí)渲染，讓你全身心地投入到原始文本編輯工作中去：
雙欄式、預(yù)覽式和 Typora 的實(shí)時(shí)渲染本身沒(méi)有高下之分，只是理念的不同。正如一款程序員向 Markdown 編輯器 VNote 的作者所言：
渲染是用來(lái)閱讀的，而不是編輯……Typora 直接將 Markdown 文本在編輯的時(shí)候就原地渲染為富文本，代價(jià)就是來(lái)回編輯時(shí)略顯不便，容易出 bug，操作上已偏向像 Word 那樣了，有違 Markdown 的設(shè)計(jì)初衷。
站在一位程序員的立場(chǎng)上，他的說(shuō)法絕對(duì)合理——Typora 確實(shí)很新手向、很不 geek，他可能會(huì)更想要一個(gè)看著像 IDE 的編輯器。但既然我不寫(xiě)代碼，用 Markdown 只為了給文本添加少量格式，那么簡(jiǎn)單的需求更應(yīng)該用簡(jiǎn)單的編輯器來(lái)滿足。
或許對(duì)文字工作者而言，編輯器長(zhǎng)得越像記事本越成功：減少干擾，專(zhuān)注于內(nèi)容才是排在第一位的。
專(zhuān)注模式與打字機(jī)模式
說(shuō)到專(zhuān)注，那怎么能不提 Typora 的「專(zhuān)注模式」與「打字機(jī)模式」。
▲ 開(kāi)啟「專(zhuān)注模式」后的效果
其中，「專(zhuān)注模式」打開(kāi)后，會(huì)將除你當(dāng)前正在編輯段落以外的內(nèi)容全部變成灰色，讓人得以集中精神編輯其中某一個(gè)段落；而「打字機(jī)模式」則會(huì)名副其實(shí)地將當(dāng)前編輯的段落自動(dòng)移動(dòng)到視野正中央，免去了手動(dòng)調(diào)整的煩惱。
兩種模式可以同時(shí)開(kāi)啟，從而提供最沉浸式的文字編輯體驗(yàn)。
更「Word」的操作體驗(yàn)
VNote 的作者有一點(diǎn)說(shuō)得很對(duì)：Typora 的操作邏輯更偏向于 Word 而不是 Markdown。但從實(shí)時(shí)渲染和專(zhuān)注模式等功能上就能看出來(lái)，Typora 本身也更傾向于文字而不是代碼編輯，既然如此，向著文字處理軟件的標(biāo)桿 Word 靠攏，就不會(huì)是什么壞事。
比如說(shuō)，要插入圖片，只需要直接將圖片拖拽粘貼進(jìn) Typora 或通過(guò)右鍵菜單打開(kāi)文件夾插入圖片，其后編輯器便會(huì)將其自動(dòng)轉(zhuǎn)化為 Markdown 路徑格式。由于路徑會(huì)自動(dòng)隱藏，你能看見(jiàn)的只有插入的圖片內(nèi)容本身，換言之，插入圖片的體驗(yàn)與 Word 幾乎別無(wú)二致。
同樣地，在許多 Markdown 編輯器都力有不逮的表格功能上，Typora 也提供了一個(gè)非常像 Word 的圖形化界面，在小方格組成的陣列上選擇行、列數(shù)，就會(huì)生成對(duì)應(yīng)的表格，體驗(yàn)相當(dāng)省心。
其余功能，包括插入目錄、代碼塊、公式塊和腳注等等，都同樣可以在右鍵菜單里找到；而像 Ctrl+B 加粗、Ctrl+I 斜體、Ctrl+K 超鏈接等傳統(tǒng)文字處理軟件上的快捷鍵，Typora 也一并繼承了過(guò)來(lái)。毫不夸張地說(shuō)，Typora 就是一款即使你對(duì) Markdown 一竅不通也照樣能用得得心應(yīng)手的 Markdown 編輯器。
版本管理
碼字時(shí)最怕的是什么？除了每小時(shí)變更一次需求的甲方，恐怕就是斷電了。程序崩潰和斷電導(dǎo)致心血?dú)в谝坏胺Q(chēng)每個(gè)人成長(zhǎng)過(guò)程中的必經(jīng)之路。所以說(shuō)，好的編輯器不能沒(méi)有自動(dòng)保存與恢復(fù)功能。
盡管比不上 Office 365 基于云端的自動(dòng)同步保存和 Yu Writer 那能夠回溯每一次細(xì)小改動(dòng)的超強(qiáng)歷史記錄功能，但 Typora 的版本管理至少是「夠用」的。它默認(rèn)開(kāi)啟了自動(dòng)保存副本功能，需要時(shí)，循著「偏好設(shè)置」-「通用」-「恢復(fù)未保存的草稿」就能打開(kāi)草稿倉(cāng)庫(kù)，里面存放著最近一個(gè)月所有自動(dòng)保存的副本。
軟件默認(rèn)的自動(dòng)保存頻率是 5 分鐘一次，你也可以打開(kāi)「高級(jí)設(shè)置」，修改配置文件 conf.user.json 中的參數(shù)來(lái)改變這一頻率。
豐富多彩的主題與樣式
Typora 之所以大受歡迎，還因?yàn)樗С指呒?jí)自定義。
軟件自帶有六套默認(rèn)主題，還不夠？沒(méi)問(wèn)題，官網(wǎng)上還提供了用戶制作的數(shù)十個(gè)主題，下載解壓到指定文件夾后重啟軟件，就能在主題界面更換新主題了。
若他人制作的主題還不能完全滿足個(gè)人喜好，那也沒(méi)關(guān)系，只要你對(duì) CSS 有所涉獵，完全可以自行修改甚至創(chuàng)作新主題。配合上出色的渲染效果，顏控們自定義出漂亮的編輯器根本不在話下。一千個(gè)人就有一千個(gè) Typora，這不是一句空話。
多平臺(tái)支持
以上理由雖然重要，但我喜歡 Typora 還有一個(gè)重要原因：作為悲慘的 Windows 用戶，實(shí)在是沒(méi)多少稱(chēng)得上好用的 Markdown 編輯器可供選擇。
在這方面，Typora 堪稱(chēng)業(yè)界良心。它難能可貴地覆蓋了 macOS / Windows / Linux 三大主流平臺(tái)，并且提供了相對(duì)一致的體驗(yàn)。再考慮到此前它從未收費(fèi)，開(kāi)發(fā)團(tuán)隊(duì)為此付出的努力就更值得致敬了。
Typora 有用的設(shè)計(jì)不盡于此，圖床、Markdown 擴(kuò)展語(yǔ)法、大綱……要是想用一篇文章的篇幅介紹完 Typora 的全部特性，那文章的篇幅一定會(huì)長(zhǎng)得不適合閱讀——要知道，它可是馬不停蹄地更新了 6 年時(shí)間，偏偏開(kāi)發(fā)團(tuán)隊(duì)還非常勤快，隔三差五打開(kāi)軟件就能收到更新提醒。
也許每個(gè)版本之間的變化幅度很小，但多年積累下來(lái)，Typora 已經(jīng)全然改換了面貌。依我說(shuō)，想充分體驗(yàn)這個(gè)簡(jiǎn)潔而強(qiáng)大的工具，也許唯一的方法，就是自己下載來(lái)嘗試一番。
哪怕到了今天，Typora 也依然存在編輯大文檔時(shí)速度較慢、對(duì) HTML 支持尚不完美、缺失賬號(hào)與云同步機(jī)制（也有人認(rèn)為這是它的優(yōu)點(diǎn)）等遺憾，但也正因?yàn)檫@樣，進(jìn)入正式版階段的 Typora 未來(lái)會(huì)帶來(lái)什么驚喜，就更值得我們期待了。
這篇文章的主角是markdown，是一個(gè)可以幫助我們更加高效去做筆記，寫(xiě)文章的工具，它的主要優(yōu)點(diǎn)如下：
這里我推薦的是typora，可以說(shuō)它是目前市場(chǎng)上最好的markdown編輯器，它的主要優(yōu)點(diǎn)如下：
但是typora從1.0版本開(kāi)始收費(fèi)，比免費(fèi)版本的功能更多更完善，個(gè)人覺(jué)得付費(fèi)性價(jià)比還行：89元永久 / 3臺(tái)設(shè)備 / 免費(fèi)升級(jí)。當(dāng)然，你可以先比較一下，并根據(jù)自己的情況來(lái)進(jìn)行選擇。
官網(wǎng)如下：Typora 官方中文站 (typoraio.cn)
在介紹使用技巧之前，先簡(jiǎn)單說(shuō)一下兩個(gè)概念：
markdown是一種標(biāo)記語(yǔ)言，它通過(guò)在文本中添加特定的標(biāo)記（標(biāo)簽、符號(hào)或指令），來(lái)定義文本的結(jié)構(gòu)、樣式和語(yǔ)義。這些標(biāo)記通常用于指示文本的標(biāo)題、段落、列表、鏈接、圖片等元素，以及文本的格式化、樣式和排版等信息。如下圖：
還有像我們平常瀏覽的網(wǎng)頁(yè)，骨架HTML也屬于一種標(biāo)記語(yǔ)言，如下圖：
解析器會(huì)根據(jù)Markdown語(yǔ)法規(guī)則識(shí)別文本中的各種標(biāo)記對(duì)文本進(jìn)行樣式化、排版、布局等處理；這也是typora所見(jiàn)即所得的原因，因?yàn)閠ypora會(huì)實(shí)時(shí)的渲染你寫(xiě)出來(lái)的markdown內(nèi)容，你看到的內(nèi)容已經(jīng)渲染好的。當(dāng)然，在typora左下方可以切換到源代碼模式，這樣就可以看到markdown原本的標(biāo)記格式了。
下面是markdown官方教程鏈接Markdown 官方教程，非常完善，我自己也是從上面學(xué)習(xí)的markdown。
如下圖：
這上面涵蓋了速查表，基本語(yǔ)法和擴(kuò)展語(yǔ)法，此外還有在線編輯器，可以用來(lái)直接進(jìn)行練習(xí)markdown，如下圖：
這里也提一點(diǎn)小建議，當(dāng)你需要學(xué)某個(gè)知識(shí)時(shí)，很多時(shí)候官方教程都是最好的，不需要再去找其他教程或者付費(fèi)購(gòu)買(mǎi)教程。
在使用typora編輯markdown內(nèi)容時(shí)，你可以選擇直接輸入markdown語(yǔ)法，也可以通過(guò)typora快捷鍵或者點(diǎn)擊鼠標(biāo)來(lái)實(shí)現(xiàn)markdown語(yǔ)法，選擇適合自己的即可。
下面是typora官方快捷鍵鏈接：Shortcut Keys - Typora Support (typoraio.cn)
這里分類(lèi)給出了typora所有的快捷鍵，如下圖：
我們知道在文件資源管理器是正常情況是無(wú)法直接新建markdown文件的，一般是新建一個(gè)txt文檔，再將后綴名改為 .md ，非常的不優(yōu)雅。這里教大家一個(gè)方法可以直接新建markdown文件，效果如下圖：
具體步驟如下：
Windows Registry Editor Version 5.00
[HKEY_CLASSES_ROOT\.md]
@="Typora.exe"
[HKEY_CLASSES_ROOT\.md\ShellNew]
"NullFile"=""
[HKEY_CLASSES_ROOT\Typora.exe]
@="Markdown"
最后提一下typora主題，typora本身自帶好幾種主題，但我都不是很喜歡，這里簡(jiǎn)單介紹一下如何去找好看的主題并安裝，以及如何自己DIY設(shè)計(jì)主題。
首先在官網(wǎng)也可以找到主題，打開(kāi)官網(wǎng)Typora 官方中文站 (typoraio.cn)，點(diǎn)擊主題就可以在里面找到精美主題，如下圖：
這里我推薦一個(gè) Lapis ，也是我目前使用最多的主題，整體風(fēng)格很整潔，又不失格調(diào)，如下圖：
下面說(shuō)一下當(dāng)你看中某個(gè)主題之后的安裝步驟，這里我以 Lapis 為例，如下：
當(dāng)然，如果你看了文件夾內(nèi)容后，就會(huì)發(fā)現(xiàn)主題就是字體包＋css文件+一個(gè)序列號(hào)，如果你對(duì)css有所了解，也可以自行設(shè)計(jì)主題。
以上就是這篇文章的全部?jī)?nèi)容啦，如果覺(jué)得這篇文章對(duì)你有所幫助的話，希望你能點(diǎn)個(gè)贊，評(píng)論一下，?( ′???` )比心！
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
