從0開始學(xué)習(xí)Typora---好用的本地markdown編輯器
在寫文這方面，markdown絕對的多平臺發(fā)布的利器。因為不同平臺，不同編輯器寫出來的筆記，格式是不一樣的。這點我就深有體會，之前在有道云寫的筆記，每次想發(fā)布到博客時，都會因為懶而放棄。因為重新排一次格式真是太麻煩了，非常的繁瑣。萬一有一個地方需要改格式，還不得不把兩個地方的格式都改了，因為編輯器樣式類型不同，所以改的方式還不一樣。。
當(dāng)然不可否認(rèn)，md的格式還是沒有有道云直接編輯來的方便和好看，但是md在跨平臺發(fā)布的優(yōu)勢實在太大了，最后我也屈服了，并找到了這款比較好用的本地編輯器。
?
一、Markdown介紹
Markdown，一種輕量級標(biāo)記語言，它允許人們使用易讀易寫的純文本格式編寫文檔?！俣劝倏?/p>
注意，md不是編輯器，它本質(zhì)上是一門語言，只是專精于文本格式的簡單標(biāo)記語言。就像html一樣，不是非要是java、c++那樣的才算是語言的哦。
跨平臺性
只要有過幾次跨平臺發(fā)布的經(jīng)驗，就會明白，一款能跨平臺發(fā)布的編輯器有多好用。md最大的優(yōu)勢就是它所有的格式樣式都是純文本格式的。既然是純文本，只要要遷移的平臺支持這種語言，就可以使用它。
原本我們在各種編輯器寫文、調(diào)樣式，實際上樣式都是由平臺實現(xiàn)的，不同的樣式在它們的后臺可能對應(yīng)不同的語法。這種情況下，換一個平臺就相當(dāng)于換了一種語言語法，想要換平臺發(fā)布自然只能重新按照另一個平臺的語法去改樣式。
而現(xiàn)在大部分平臺都對md這種語法提供了支持，這就意味著我們寫好的md文章，可以隨意的復(fù)制粘貼到各個平臺發(fā)布，而無需擔(dān)心樣式問題了。
?
二、Markdown編輯器
可能有人會覺得，既然md是一種語言而不是軟件，那為什么我們還需要md編輯器之類的呢？既然是語言，用記事本都是可以的吧？
實際上編輯器對于md就像IDEA對于java，一款好的工具能讓你的寫作（開發(fā)）事半功倍。
寫過CSDN的可能都知道，一般的md編輯器，都是兩個頁面的，左邊用來編輯，右邊用來預(yù)覽。因為我們在將文字和代碼結(jié)合為md語法時，如果沒有預(yù)覽功能，看起來會很難受，顯得亂糟糟的，也難以判斷整體的樣式。所以預(yù)覽是必要的。
但是現(xiàn)在還有更好用的編輯器，也就是本文的核心——Typora
?
三、Typora下載安裝
Typora是一款支持實時預(yù)覽的Markdown文本編輯器，它有OS X、Windows、Linus三個平臺的版本，并且是免費的。
它的下載安裝也是非常簡便的
首先官方下載：https://www.typora.io/#windows
選64位的，如果下載很慢可以用復(fù)制下載鏈接到迅雷下載（經(jīng)驗之談）
然后安裝，選擇安裝路徑，勾選生成桌面快捷方式，點安裝就好了
?
四、使用Typora
1.實時渲染
其他優(yōu)勢不說，光憑一個優(yōu)勢，就足以讓它封神了，那就是：實時渲染
這個實時可不是左邊編輯右邊預(yù)覽的那種“實時”，而是在我們使用md語法時，它會實時渲染我們的文本編輯框，隱藏md語法的代碼，并將格式效果顯現(xiàn)出來，達(dá)到看起來和有道云筆記一樣的效果。
盡管格式效果和方便程度上，可能和真正的有道云那種編輯器還差了一丟丟。但是md語言的跨平臺性帶來的優(yōu)勢實在是太大了，足以忽略這微不足道的缺陷。（另外，有道云筆記也是支持md文章的，但是很可惜也是左右兩邊的編輯器）。
如圖，是我正在進(jìn)行md語法碼字的效果：.
?
?
2.簡潔
簡短的兩個字，卻是大部分軟件都做不到的。
打開Typora的編輯器頁面，可以看到，整個編輯器只有一個導(dǎo)航欄，和白色的頁面（也可以調(diào)成黑色），除此之外再無它物。這個簡潔度已經(jīng)和sublime差不多了。
?
3.視圖功能
通過開啟視圖功能的側(cè)邊欄，可以使用文件樹功能。我們可以像有道云一樣的筆記格式管理各個文章，甚至可以在這里快速的新建一篇文章或目錄。
視圖里的另一個功能是大綱，其實就是目錄，通過我們使用各級標(biāo)題讀取目錄，完整展現(xiàn)出來，還可以通過點擊快速的定位到具體一節(jié)的內(nèi)容。
我們還可以在視圖里切換為源代碼格式，查看標(biāo)準(zhǔn)的md源格式，以便解決一些格式問題。
另外專注模式和打字機模式就可以根據(jù)需要使用了，專注模式會在你編輯某行時將其他行變成灰色，讓你專注于當(dāng)前行。打字機模式則是讓的光標(biāo)始終自動的處于屏幕中央了。這兩個模式甚至可以同時開啟。
?
4.偏好設(shè)置
通過文件/偏好設(shè)置，我們可以按自己的操作習(xí)慣定制Typora，不要小看這個偏好設(shè)置，它可以操作的空間可就多了。
節(jié)選一些我改過的配置：
①啟動選項
可以設(shè)置啟動選項為打開指定目錄，或打開上一次的文件/目錄，我們可以指定一個目錄專門用于存放筆記。
②自動保存
勾選自動保存，在我們切換到其他窗口時，它就會自動幫你保存當(dāng)前的更改了。
③窗口樣式
我比較習(xí)慣經(jīng)典，雖然一體化看起來更具高級感。
④字體大小
編輯器的字太小或太大？在這里自定義吧。
⑤狀態(tài)欄
可以在文章下方新增一行狀態(tài)欄，主要是字?jǐn)?shù)統(tǒng)計等等
⑥側(cè)邊欄大綱允許折疊
可以勾選，讓目錄結(jié)構(gòu)可以折疊或展開（原本是固定全展開的）
還有一些其他配置，就不一一列舉了。新版本還有語法檢查的功能（雖然似乎只能檢查英語），這些留給自己去探索吧，下面要說一個更重要的使用方式。
?
五、關(guān)于圖片
到此，我們似乎克服了種種難關(guān)，能輕松的一次編輯，到處發(fā)布了，但是這里仍然有個大問題，就是圖片。
1.圖片去哪了
要知道，我們之前在有道云、CSDN、簡書甚至QQ空間這些不同平臺寫文章時，可能最常用的就是在外部截圖，然后粘貼進(jìn)文本編輯器中。實際上這種方式是將圖片上傳到了該平臺，然后用它們返回的http鏈接渲染圖片，也就是這個圖片實際上是存儲在該平臺中，任由他們宰割。
我們平時其實沒有意識到這點，以為插入了圖片，圖片就上傳上去嵌入在文章中了，沒有考慮圖片具體的情況。所以偶爾我們會看到有人發(fā)布的文章，文本沒事，圖片卻都“掛了”。又或者這些圖片變成了統(tǒng)一的一張圖，內(nèi)容是僅限于白度app查看。
這都是平臺搞得鬼，我們控制不了我們的圖片。雖然有點夸張，但是興許哪天他們想節(jié)省內(nèi)存，刪了一些圖片，這些圖片就有你文章中的。最糟糕的是你還沒有備份，無了就無了。
?
2.markdown中的圖片
在markdown中，圖片更像是一個地址，它不像word將圖片真正的插入到了文檔中混合起來，而是用一個引用來表示圖片，這個引用就是圖片的地址，不管是網(wǎng)絡(luò)地址還是本地路徑，它都會按照地址加載解析這個圖片。
這樣的話，圖片就真正的是由我們自己掌控的了，該如何存儲，存儲到本地還是網(wǎng)絡(luò)，都由我們自己控制。
?
3.typora配置圖片存儲
在偏好設(shè)置中，我們可以方便的配置圖片的操作，在插入圖片時，我們可以選擇：
①無特殊操作
也就啥都不干。
②復(fù)制圖片到當(dāng)前文件夾(./)
將插入的圖片，復(fù)制一份到當(dāng)前文檔所在的目錄下。
③復(fù)制圖片到./$(filename).assets文件夾
也就是在當(dāng)前目錄下創(chuàng)建一個和文檔同名但是后綴是assets的文件夾，把圖片復(fù)制一份進(jìn)去。
④上傳圖片
即配置圖片上傳到遠(yuǎn)端但是前提是配置好圖片上傳的相關(guān)功能。
⑤復(fù)制到指定路徑
即使自定義復(fù)制圖片到哪里，可以用一些特殊符號標(biāo)記。
我們在下一節(jié)配置圖片上傳，這一小節(jié)我們配置本地存儲，通過如上的選項，我們可以按照自己的偏好配置圖片存儲?？梢詾楫?dāng)前目錄專門創(chuàng)建一個image目錄保存圖片：選擇選項⑤，然后路徑設(shè)置為：./images。
不過我喜歡為每篇文章單獨設(shè)置一個存儲目錄，所以我的配置如下：
我們也可以單獨在圖片上，右鍵進(jìn)行存儲或上傳的操作：
?
4.typora整合PicGo進(jìn)行圖片上傳
這里雖然我選擇默認(rèn)是圖片保存到本地，但是最終還是要將圖片上傳到存儲庫，才可能實現(xiàn)一篇文章，到處發(fā)布的目標(biāo)。對我而言，保存到本地是備份，然后可以手動操作每張圖片上傳到遠(yuǎn)端。
還是在偏好設(shè)置里：
①下載PicGO
首先我們得下載一個PicGO，圖片上傳需要通過它。而且由于我們對它不熟，所以要下載的是可視化的APP，而不是命令行。剛好typora甚至還幫我們提供了它的下載地址：https://github.com/Molunerfinn/PicGo/releases/tag/v2.3.0-beta.4
這里我下的是嘗鮮版，你們可以考慮下個穩(wěn)定版，windows系統(tǒng)，所以選擇exe后綴的下載：
②安裝PicGO
下載好了直接打開，選好安裝目錄點安裝即可，打開后：
③Typora配置PicGO
如圖，typora的偏好設(shè)置里，配置好PicGO的安裝位置：
④配置阿里云OSS
雖然typora和PicGO接好了，但是PicGO還沒配置好我們要上傳圖片的地方，即圖床。
這里我個人推薦阿里云的，阿里就不多說了肯定靠譜些，而且我記得應(yīng)該是不貴的。由于我之前已經(jīng)申請過阿里云的對象存儲OSS了，所以可惜不能帶領(lǐng)大家一步步來了，只能給一些配置信息。
阿里云創(chuàng)建子用戶
由于我們只是給圖床使用的，所以可以創(chuàng)建一個子用戶專門訪問這些，提高安全性，登錄阿里云，點擊頭像下的訪問控制。
咱隨便創(chuàng)一個，但是編程訪問記得勾選
創(chuàng)建好的時候，我們可以看到AccessKey ID和AccessKey Secret，這個得先復(fù)制出來，因為它只能看一次，如果沒復(fù)制到，那就只有創(chuàng)建新的AccessKey
然后授予權(quán)限，只授予OSS的全部權(quán)限就夠了
阿里云OSS創(chuàng)建Bucket
雖然我之前已經(jīng)有了OSS，但是針對不同功能，還是得重新創(chuàng)建一個Bucket存儲桶
回到OSS控制臺，找到點擊創(chuàng)建Bucket
創(chuàng)建桶的參數(shù)就按照自己的喜好進(jìn)行配置吧，但是有個項一定要配置為公共讀
創(chuàng)建好后如下
回到PicGO配置，前兩項就是一開始創(chuàng)建的子用戶的AccessKey ID和AccessKey Secret，存儲空間就是Bucket桶名，存儲區(qū)域可以參照上圖訪問域名，如下即可：
然后可以在PicGO中上傳一張試試，成功的話，typora也應(yīng)該沒啥問題，右鍵文章內(nèi)的圖片上傳，會發(fā)現(xiàn)它上傳成功了，并且還會自動將圖片地址替換為OSS返回的圖片鏈接：
?
?
六、總結(jié)
至此，我們可以好好的用Typora寫文，無需擔(dān)心跨平臺的問題了，以后如果我發(fā)現(xiàn)了什么Typora更方便的功能，也會分享到這里。
?
?
?
參考資料：
Typora+PicGo+阿里云OSS實現(xiàn)圖片上傳功能
https://blog.csdn.net/weixin_44497705/article/details/108996963
