目前已知最簡單的微信公眾號文章插圖與排版方法台诗。零基礎(chǔ)圖文教程愤兵。教會了也不收費(fèi)哦热凹。 :-P
痛點(diǎn)
前些日子泵喘，我寫了一篇《Markdown懶辦法排版微信公眾號文章》泪电，很受讀者歡迎。簡書平臺上該文的統(tǒng)計(jì)數(shù)據(jù)如下：
在留言和私信中纪铺，讀者們問了不少問題相速。
有人特別煩插圖。本地圖片鏈接是沒法正確在微信公眾平臺顯示的鲜锚。因此先要找到圖突诬，存到電腦上，然后上傳到某個圖床芜繁。傳完了之后還得獲得鏈接旺隙，然后再插入到 Markdown 里面。一兩張圖也就罷了骏令，多了可著實(shí)受不了蔬捷。
有人搞不定排版。我之前給出的 wangEditor 許多人試了榔袋，表示方法可以行得通抠刺，但是轉(zhuǎn)換 HTML 的過程依然很麻煩，還得另外使用第三方工具M(jìn)arked 2摘昌。其他人推薦的 Markdown Here 雖然用起來更方便，可是必須借助第三方在線編輯器的中轉(zhuǎn)高蜂。直接插圖的話聪黎，在微信公眾平臺預(yù)覽好好的，一發(fā)到手機(jī)上圖就都不見了备恤。
很多人都已了解 Markdown 寫作的優(yōu)勢稿饰，網(wǎng)上也有許多各有特色的 Markdown 編輯器可供大家選擇。但這似乎無法滿足公眾號作者們的需求露泊。
真的沒有什么工具真正找準(zhǔn)了用戶痛點(diǎn)喉镰，方便地解決了上述問題嗎？
兩鍵排版
前幾天惭笑，我偶然從一家正版軟件商的推送郵件里發(fā)現(xiàn)了一款國產(chǎn)的 Markdown 編輯器侣姆。
這款編輯器排版微信公眾號文章，只需要點(diǎn)擊兩個按鍵沉噩。
首先點(diǎn)擊上圖中左下角的云圖標(biāo)捺宗，選擇其中的“開始同步”。
其次點(diǎn)擊右下角的導(dǎo)出按鈕川蒙，選擇其中的“復(fù)制為微信公眾號格式(beta)”蚜厉。
好了，進(jìn)入微信公眾平臺寫作區(qū)域畜眨，粘貼一下昼牛。
這就是你在編輯器里面看到的排版效果了术瓮。
方便不？
實(shí)話實(shí)說贰健，我覺得還是有些繁瑣胞四。既然第二個按鍵依賴第一個按鍵。干脆功能合并霎烙，不就能“一鍵排版”了嗎撬讽？
插圖
有的人看到這里可能躍躍欲試了。但是有的讀者可能覺得沒啥了不起——我用 Markdown Here 悬垃，一樣可以輕易實(shí)現(xiàn)這功能坝沃纭！
不一樣尝蠕。這款軟件的插圖功能讓普通的 Markdown 編輯器望塵莫及烘豌。
直接輸入 Markdown 圖片鏈接，或者拖拽等插圖常規(guī)動作此處略過不提看彼，咱聊聊特色插圖功能廊佩。
無須下載圖像
例如你在Google圖片里面發(fā)現(xiàn)一張圖挺好。無須下載靖榕，你只需要點(diǎn)擊復(fù)制圖片标锄。
然后直接在這款編輯器里面粘貼，插圖完畢茁计。
手機(jī)圖片秒傳
你的手機(jī)上可能有照片料皇、截屏或者是各種應(yīng)用中搜集來的圖片素材。你要是想放到文章里面星压，怎么辦践剂？
AirDrop? 還是大多數(shù)人可能更習(xí)慣的QQ？
都不用娜膘。在你打算插圖的地方點(diǎn)擊編輯器下方WiFi按鈕逊脯。選擇插圖到編輯器。
于是屏幕上會出現(xiàn)一個二維碼竣贪。
用微信掃描一下军洼。選擇插圖的來源，就可以快速把一張或者多張圖送到編輯器里面了演怎。
方便吧歉眷？
圖片屬性設(shè)定
你還可以調(diào)整導(dǎo)出時的圖片屬性。在圖片右方選擇“編輯圖片”功能颤枪，就可以設(shè)置縮放率汗捡，最大寬高，甚至是圖片的浮動效果。
有意思的是扇住，編輯器根本就不需要修改原圖春缕。對于許多人來說，這是個非常有用的小功能艘蹋。
思考
問題來了：既然存在這么方便的編輯器锄贼，為什么那么多人還在用極為原始的手動方式排版微信公眾號文章，而且為之煩惱不已呢女阀？
是因?yàn)檐浖抡纾蠹覜]聽說過嗎？
不是浸策。寫作本文的半年前冯键，各路科技網(wǎng)媒就紛紛報道過它。許多編輯和作者對這款軟件的“黑科技”功能贊不絕口庸汗。在這些報道中惫确，剛才我提到的功能都獲得了大篇幅的介紹。
是因?yàn)檐浖F蚯舱，大家買不起嗎改化？
標(biāo)準(zhǔn)版50多元，專業(yè)版100多元枉昏。對于許多公眾號作者來說陈肛，這筆投資雖然不算小，不過跟省下的時間和拯救的心情比起來兄裂，總還是劃算的吧燥爷？
那問題究竟出在哪里呢？
出在軟件功能設(shè)置上——大部分用戶倒在了半途懦窘。
這款軟件的作者們顯然是極客，他們發(fā)掘到了許多微信公眾號作者們夢寐以求的需求稚配。但是他們大概忘了畅涂，自己產(chǎn)品的用戶可不都是極客。
編輯器的幫助文檔確實(shí)已經(jīng)很詳細(xì)了道川。但是對于技術(shù)小白來說午衰，還遠(yuǎn)遠(yuǎn)不夠。普通用戶并不是在接受軟件技術(shù)培訓(xùn)冒萄，而只是想方便地寫文章臊岸、插圖和排版。他們沒有強(qiáng)烈的探索欲望尊流。一旦他們見到了陌生的名詞術(shù)語帅戒，甚至是使用遭遇了挫折，很快就會選擇放棄崖技。
下面我?guī)е蠹?strong>一步步完成該軟件的配置逻住，你就知道哪些地方是潛在的坑了钟哥。
好在只需要這一次設(shè)置，以后你就可以像我剛剛演示的那樣“兩鍵排版”了瞎访。 :-)
設(shè)置
設(shè)置分成兩個主要環(huán)節(jié)腻贰。一個是插圖需要的圖床空間，一個是排版樣式扒秸。
圖床
這款編輯器支持以下4種類型的存儲空間作為同步圖床播演。
許多人在這一步就卡住了。用戶想當(dāng)然認(rèn)為這種專業(yè)的存儲空間都收費(fèi)伴奥，自己的個人微信公眾號沒有必要花錢用這么專業(yè)的玩意兒写烤。沒有人告訴他，七牛免費(fèi)版就可以提供10G存儲空間渔伯，作為一個微信公眾號的圖床綽綽有余顶霞。
請注冊一個七牛賬號。全中文提示锣吼，相信自己选浑，你沒問題的。注冊完成后請登錄玄叠，你會看到如下界面古徒。
點(diǎn)擊“對象存儲”框中的“立即添加”按鈕，輸入一個任意的空間名稱读恃，這里我用的是"blog"隧膘。
其他的選項(xiàng)都不要動，然后點(diǎn)擊下方的“確定創(chuàng)建”寺惫。恭喜你已經(jīng)有了自己的免費(fèi)圖床了疹吃。
創(chuàng)建完畢之后，進(jìn)入管理頁面西雀。你會看到測試域名欄目下面有一個以“clouddn.com”結(jié)尾的鏈接萨驶。這是域名，很重要艇肴，請把它保存下來腔呜，一會兒用第煮。
點(diǎn)擊右上角的“個人面板”鲜结，選擇“密鑰管理”芭析。
如果注冊的時候沒有創(chuàng)建過密鑰憔狞，此時點(diǎn)擊“創(chuàng)建密鑰”鲫剿。然后你就能獲得兩串至關(guān)重要的字符串搀军，分別叫做AK和SK犹褒。你不用知道它們是做什么的抬吟。只需要保存下來，并且確保你不要把它們告訴任何人咖刃。
好了泳炉，下面我們回到這款編輯器，點(diǎn)擊左下方云圖標(biāo)嚎杨。第一次點(diǎn)擊會提示你設(shè)置花鹅。請看下圖。
AccessKey和SecretKey分別填寫剛才你記錄下來的AK和SK枫浙。
空間填寫你剛才創(chuàng)建的空間名稱刨肃。例子里面我們用的是blog。
前綴路徑不要動箩帚。
域名填寫剛才記錄下來的以“clouddn.com”結(jié)尾的鏈接真友。
不要點(diǎn)擊"OK"，點(diǎn)擊“重置同步”紧帕，出現(xiàn)警告信息直接確認(rèn)即可盔然。
然后點(diǎn)"OK"。
你的圖床設(shè)置全部搞定是嗜，從此就可以隨心所欲插圖了愈案。
排版風(fēng)格
你還需要設(shè)置一下微信公眾號文章的排版風(fēng)格。風(fēng)格由一個css文件控制鹅搪。
網(wǎng)上這樣的css文件有很多站绪，大家根據(jù)自己的口味各取所需吧。請選擇并下載一個丽柿。
我用的是王小杰版本恢准。
注意本例這個css是針對Markdown Here來設(shè)置的。你用的時候需要做一些微調(diào)甫题。不然正文字體直接按照編輯器字體輸出馁筐。對于我這種喜歡用大字兒寫作的人來說，微信排版出來的效果可謂“是可忍孰不可忍”坠非。
下面我們講講具體如何設(shè)置敏沉。
拷貝css文件內(nèi)容到剪貼板。
打開編輯器左下方的扳手按鈕麻顶，選擇第二個標(biāo)簽頁“Markdown模板”。
在最下方的文本框里面舱卡，把css文件的內(nèi)容粘貼進(jìn)去辅肾。請注意原先第一行的：
.markdown-here-wrapper{
替換為：
p{
點(diǎn)擊確定。
樣式設(shè)置搞定轮锥！現(xiàn)在你也可以嘗試“兩鍵排版”了矫钓。
建議
對于一個企業(yè)來說，資源是有限的，各項(xiàng)工作不可能面面俱到新娜。但是對于一個有特色赵辕、痛點(diǎn)抓得準(zhǔn)的產(chǎn)品來說，把使用方法與（潛在）用戶進(jìn)行有效溝通是非常必要的概龄。
許多微信公眾號寫作者只是需要這樣一篇簡單的还惠、可實(shí)際操作的介紹文章，就能深切地體會到產(chǎn)品的好處私杜。用戶只知道軟件產(chǎn)品某個功能存在是不夠的蚕键，只有他自己可以上手這個功能，實(shí)際獲得了收益衰粹，他才有意愿付費(fèi)锣光，甚至是進(jìn)行口碑宣傳。
千萬不要假設(shè)你的用戶擁有和你一樣的技術(shù)能力铝耻，更不要在講解和答疑的時候?qū)λ麄儾荒蜔┨艿S便跳步。那些小眾用戶可能更符合你的用戶設(shè)定瓢捉。他們會率先嘗試你的產(chǎn)品频丘，對各項(xiàng)功能迅速心領(lǐng)神會。
但是他們其實(shí)是最難伺候的泊柬。不是嗎椎镣？
延伸閱讀：
