終于，我可以隨心所欲的寫 Markdown 了！
大家好，我是寶器。
作為互聯(lián)網(wǎng)從業(yè)同學(xué)，你一定對(duì)?markdown?不陌生，對(duì)于我來說，從技術(shù)文檔到知乎、CSDN、公眾號(hào)等文章，都會(huì)選擇用markdown寫，因?yàn)樗梢宰屛?span style="font-weight: 600;color: rgb(0, 0, 0);">專注于寫作。
但用?markdown?寫公眾號(hào)體驗(yàn)很絲滑是真，排版起來痛苦也不假，因?yàn)楣娞?hào)后臺(tái)不支持原生markdown?渲染，你必須要通過一個(gè)第三方的平臺(tái)來進(jìn)行排版。
目前方案
之前我寫公眾號(hào)的流程都是使用typora或者其他markdown編輯器寫文章，然后將文章復(fù)制到第三方平臺(tái)例如md2all或者mdnice等網(wǎng)站選擇合適的主題進(jìn)行排版，之后再將排版好的文章復(fù)制粘貼到公眾號(hào)后臺(tái)，并在公眾號(hào)后臺(tái)微調(diào)部分內(nèi)容推送出來。
雖然有點(diǎn)麻煩，不過在之前我還是挺喜歡?mdnice，因?yàn)橛泻芏嗪每吹闹黝}，但自從某個(gè)版本之后，使用需要額外打開手機(jī)掃碼登陸、跳轉(zhuǎn)到新頁面、刪除初始內(nèi)容等操作才能排版（當(dāng)然是可以理解，畢竟沒法用愛發(fā)電），但這也無疑讓我花費(fèi)更多時(shí)間。
并且使用第三方平臺(tái)進(jìn)行調(diào)整還有一個(gè)讓我不滿的就是，有時(shí)我會(huì)在排版時(shí)再次刪減、調(diào)整部分文章內(nèi)容，所以就需要在網(wǎng)頁和本地修改兩次，這也很麻煩。
于是趁著過年，我嘗試探索一個(gè)更加簡(jiǎn)單的方式，讓我可以專注于寫文章而不是寫完之后浪費(fèi)很多時(shí)間在排版上。
Typora
首先想到的自然是使用Typora，畢竟本身就是所見即所得型編輯器，并且也支持自定義主題，同時(shí)還能結(jié)合PicGo粘貼自動(dòng)上傳圖床，于是嘗試定制一份公眾號(hào)專用的主題。
網(wǎng)上搜索了一番之后，確實(shí)有很多不錯(cuò)的主題，我也結(jié)合sspai樣式修改了一些自定義的元素，并且通過設(shè)置max-width可以保證和微信手機(jī)頁面一樣的寬度，這樣就可以完全保證所見即所得
現(xiàn)在我只需要在Typora中寫markdown文章，寫完之后全選、粘貼到公眾號(hào)后臺(tái)即可，看起來很美好。
但是問題出現(xiàn)在代碼塊，如果文章中出現(xiàn)代碼塊，即使在Typora中可以不自動(dòng)換行并添加滾動(dòng)條，粘貼到公眾號(hào)之后還是會(huì)自動(dòng)換行
經(jīng)過一系列的搜索與研究之后發(fā)現(xiàn)，公眾號(hào)后臺(tái)html渲染代碼塊是pre標(biāo)簽包住code標(biāo)簽，控制滾動(dòng)條的overflow屬性是在code標(biāo)簽中定義，而typora是直接通過pre標(biāo)簽渲染
所以要想實(shí)現(xiàn)代碼塊的滾動(dòng)，很可能要對(duì)typora的源碼進(jìn)行修改，而這我肯定搞不定，而我?guī)缀趺科恼露紩?huì)附上很多代碼，所以縱使它讓我花費(fèi)了很多時(shí)間，也很接近我的需求，但還是放棄了這個(gè)思路。
Marktext
既然Typora沒法實(shí)現(xiàn)時(shí)，我只能繼續(xù)探索其他方案，首先想到的是在 typora 收費(fèi)后，很多博主轉(zhuǎn)發(fā)過的?Marktext，號(hào)稱下一代markdown編輯器，目前在GitHub上已經(jīng)有28.9k star，想必不會(huì)太拉垮
然鵝，下載下來使用之后，實(shí)際體驗(yàn)卻很糟糕，全英文就不說了，是我自己英文不好，但是他沒有目錄樹管理、不支持國(guó)內(nèi)主流圖床，更重要的是無法點(diǎn)擊自定義主題
遂光速放棄該方案
MWeb
接下來就是不斷試其他的markdown編輯器，只要能支持自定義主題并且代碼塊可以正常粘貼就能滿足我的需求。
最終，當(dāng)我打開多年未用的MWeb
發(fā)現(xiàn)它的代碼塊無需額外設(shè)置，也能完美粘貼到公眾號(hào)后臺(tái)
于是接下來的任務(wù)，就是用我三腳貓的前端知識(shí)，去寫一個(gè)適配公眾號(hào)的主題CSS，經(jīng)過一番調(diào)整，最終完美實(shí)現(xiàn)本文開頭的需求，現(xiàn)在我寫公眾號(hào)文章，只需要打開Mweb寫markdown，寫完之后直接全選拷貝到公眾號(hào)后臺(tái)，無需多余的調(diào)整即可推送出去！
當(dāng)然MWeb也有一些缺點(diǎn)，首先是付費(fèi)制，記得當(dāng)年購(gòu)買應(yīng)該是花了100多元。其次是它自從更新到 4.0 版本之后，取消了粘貼本地圖片直接上傳到圖床的功能，這也讓我改變直接粘貼圖片的習(xí)慣，但至少在目前看來，這應(yīng)該是我以后寫markdown的主戰(zhàn)場(chǎng)了。
推薦閱讀
歡迎長(zhǎng)按掃碼關(guān)注「數(shù)據(jù)管道」