前言
寫(xiě)作是我一直都提倡每個(gè)人去做的一件事情,也許你是通過(guò)寫(xiě)作來(lái)進(jìn)行總結(jié),也許你是通過(guò)寫(xiě)作生計(jì),也許像我一樣寫(xiě)文章提升自己的影響力,不管怎么樣,工欲善其事必先利其器,今天我將兩年以來(lái)最好用的一套寫(xiě)作軟件配置(Mac)介紹給大家。
在這篇文章中你可以了解到三個(gè)工具:
- 最好用的 markdown 寫(xiě)作編輯器
- mac 平臺(tái)專(zhuān)屬的圖床工具
- 選取合適的工具美化排版
寫(xiě)作軟件(Typora)
我使用過(guò)很多的 markdown 編輯器,bear、MWeb、UIysses、印象筆記等等,每個(gè)都號(hào)稱(chēng)最專(zhuān)業(yè)的 markdown 軟件,但是這些軟件對(duì)于圖片的處理都不是特別滿足我的需求。
只有 typora,讓文字和圖片完美的結(jié)合在一起,并且支持將文章復(fù)制到其他平臺(tái)。
接下來(lái),我將介紹一下 Typora 吸引我的幾個(gè)地方:
1. 所見(jiàn)即所得的特性
實(shí)時(shí)預(yù)覽,不需要分兩欄。

2. 自定義主題。
你可以從官網(wǎng)下載主題[1],或者自己寫(xiě)主題。

3. 大綱與文章目錄。
自動(dòng)識(shí)別標(biāo)題,展示出目錄。

4. 可以方便的將圖片自動(dòng)上傳到自己的圖床上
大部分的寫(xiě)作編輯器都需要手動(dòng)的去將圖片上傳到圖床上,然后再把鏈接寫(xiě)到編輯器來(lái),這樣來(lái)回切換很麻煩。typora 可以自動(dòng)識(shí)別圖片然后直接上傳上自己的圖床上。

當(dāng)你把圖片直接拖到編輯器,或者說(shuō)截屏之后復(fù)制到編輯器的時(shí)候,就會(huì)讓你選擇是否上傳圖片,點(diǎn)擊上傳圖片就可以直接上傳到圖床上,然后將鏈接替換成圖床的鏈接。
你只需要在偏好設(shè)置圖像的上傳服務(wù)設(shè)置為 iPic 即可,下面我會(huì)介紹 iPic。

上傳服務(wù)這里還可以選擇自定義命令,也就是說(shuō)你可以自己寫(xiě)一個(gè)上傳圖片的 shell 然后上傳到自己的圖床上,圖片處理非常的強(qiáng)大。

5. 可以直接復(fù)制富文本格式(包括主題樣式)到公眾號(hào)或者其他支持富文本的地方。
公眾號(hào)后臺(tái)排版其實(shí)不是特別好用,另外我們程序員往往喜歡寫(xiě) markdown 而不是富文本,所以就需要一個(gè)將 markdown 轉(zhuǎn)富文本的一個(gè)工具,typora 在這方面也很擅長(zhǎng)。
圖片處理(iPic 和 iPic Move)
怎么獲得免費(fèi)圖床
對(duì)于圖床這個(gè)東西,我覺(jué)得還是用自己的比較好,或者說(shuō)付費(fèi)的圖床,而不是選用網(wǎng)上一些免費(fèi)的,比如微博圖床,其他網(wǎng)站的圖床(比如掘金),使用別人的圖床雖然免費(fèi),但是一旦加了防盜鏈,你想遷移圖片就非常的麻煩(我就踩過(guò)這個(gè)坑),那么這個(gè)時(shí)候免費(fèi)的其實(shí)就更貴了。
所以很早我就開(kāi)始研究怎么能用上專(zhuān)業(yè)的,自己的圖床,我就發(fā)現(xiàn)了七牛云這個(gè)良心云服務(wù)商。七牛云對(duì)于新用戶免費(fèi)送 10 個(gè) G 的空間,你可以將圖片通過(guò)對(duì)象存儲(chǔ)的方式存在七牛云里。而且這些圖片還是都可以增加 CDN 的。

具體如何去創(chuàng)建自己的對(duì)象存儲(chǔ)空間,你可以參考官網(wǎng)教程[2]。
有了圖床,如何將圖片上傳到圖床上面去呢?在 Mac 下 iPic 就是一個(gè)很好的工具。
iPic
iPic 是一個(gè) Markdown 圖床上傳工具,將你的圖片上傳到你的圖床上后,你可以得到一個(gè) markdown 格式的圖片文本,然后你可以直接復(fù)制到你的編輯器中。
你只需要在偏好設(shè)置里面設(shè)置好你自己圖床相關(guān)的參數(shù)就可以很方便的上傳圖片到圖床了。

iPic Mover
iPic Mover[3] 可以一鍵將已有 Markdown 文件中所有圖片遷移至新圖床。批量上傳圖片、圖床搬家,從未如此簡(jiǎn)單。

有了 iPic Mover,你就可以將你以前的圖片統(tǒng)統(tǒng)放到自己的圖床了,再也不怕別人給你加防盜鏈了。
美化排版
美化排版我的目的是要將文章復(fù)制到公眾號(hào)里,公眾號(hào)是需要講顏值的,這樣別人讀起來(lái)才會(huì)舒服,讀完率才會(huì)高。
自定義主題
基于以上目的,如果你覺(jué)得默認(rèn)的主題不太好看,Typora 默認(rèn)還提供了好幾種主題,你可以切換你自己喜歡的。

typora 默認(rèn)提供了大概五個(gè)主題,你可以進(jìn)行切換選擇,如果你覺(jué)得這幾個(gè)還不夠好看,那么你可以去主題市場(chǎng)[4]下載更多好看的主題。
如果你對(duì)主題市場(chǎng)的主題還不滿意,可以手寫(xiě)一份 CSS,打造自己的主題。
Mdnice
另外一個(gè) markdown 美化排版的工具就是大名鼎鼎的 mdnice[5],提供了將近 20 種主題:

另外這個(gè)工具還支持格式化文檔和微信外鏈轉(zhuǎn)腳注的功能,這對(duì)于做公眾號(hào)的同學(xué)來(lái)說(shuō)非常的友好。也強(qiáng)烈推薦大家去嘗試一下。
后記
以上就是我完成一篇公眾號(hào)文章所需要用到的一些工具以及使用方法,我相信這些工具可以令你在寫(xiě)文章的時(shí)候不會(huì)為了工具不好用而煩惱,也不會(huì)為了寫(xiě)出來(lái)的文章排版不好看被讀者吐槽。
如果你有更好的寫(xiě)作工具或者使用方法,歡迎留言給我,咱們一起討論。
我是桃翁,一個(gè)愛(ài)思考的前端 er,期待你的關(guān)注。如果這篇文章能給你帶來(lái)收獲,希望你能點(diǎn)贊轉(zhuǎn)發(fā)。
參考資料
[1]官網(wǎng)下載主題: http://theme.typora.io/
[2]官網(wǎng)教程: https://developer.qiniu.com/kodo/manual/1233/console-quickstart
[3]iPic Mover: https://itunes.apple.com/cn/app/id1183822957?ls=1&mt=12
[4]主題市場(chǎng): http://theme.typora.io/
[5]mdnice: https://mdnice.com/
推薦閱讀
我的公眾號(hào)能帶來(lái)什么價(jià)值?(文末有送書(shū)規(guī)則,一定要看)每個(gè)前端工程師都應(yīng)該了解的圖片知識(shí)(長(zhǎng)文建議收藏)為什么現(xiàn)在面試總是面試造火箭?