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