目前已知最簡單的微信公眾號文章插圖與排版方法。零基礎圖文教程。教會了也不收費哦。 :-P
痛點
前些日子,我寫了一篇《Markdown懶辦法排版微信公眾號文章》,很受讀者歡迎。簡書平臺上該文的統計數據如下:
在留言和私信中,讀者們問了不少問題。
有人特別煩插圖。本地圖片鏈接是沒法正確在微信公眾平臺顯示的。因此先要找到圖,存到電腦上,然后上傳到某個圖床。傳完了之后還得獲得鏈接,然后再插入到 Markdown 里面。一兩張圖也就罷了,多了可著實受不了。
有人搞不定排版。我之前給出的 wangEditor 許多人試了,表示方法可以行得通,但是轉換 HTML 的過程依然很麻煩,還得另外使用第三方工具Marked 2。其他人推薦的 Markdown Here 雖然用起來更方便,可是必須借助第三方在線編輯器的中轉。直接插圖的話,在微信公眾平臺預覽好好的,一發到手機上圖就都不見了。
很多人都已了解 Markdown 寫作的優勢,網上也有許多各有特色的 Markdown 編輯器可供大家選擇。但這似乎無法滿足公眾號作者們的需求。
真的沒有什么工具真正找準了用戶痛點,方便地解決了上述問題嗎?
兩鍵排版
前幾天,我偶然從一家正版軟件商的推送郵件里發現了一款國產的 Markdown 編輯器。
這款編輯器排版微信公眾號文章,只需要點擊兩個按鍵。
首先點擊上圖中左下角的云圖標,選擇其中的“開始同步”。
其次點擊右下角的導出按鈕,選擇其中的“復制為微信公眾號格式(beta)”。
好了,進入微信公眾平臺寫作區域,粘貼一下。
這就是你在編輯器里面看到的排版效果了。
方便不?
實話實說,我覺得還是有些繁瑣。既然第二個按鍵依賴第一個按鍵。干脆功能合并,不就能“一鍵排版”了嗎?
插圖
有的人看到這里可能躍躍欲試了。但是有的讀者可能覺得沒啥了不起——我用 Markdown Here ,一樣可以輕易實現這功能啊!
不一樣。這款軟件的插圖功能讓普通的 Markdown 編輯器望塵莫及。
直接輸入 Markdown 圖片鏈接,或者拖拽等插圖常規動作此處略過不提,咱聊聊特色插圖功能。
無須下載圖像
例如你在Google圖片里面發現一張圖挺好。無須下載,你只需要點擊復制圖片。
然后直接在這款編輯器里面粘貼,插圖完畢。
手機圖片秒傳
你的手機上可能有照片、截屏或者是各種應用中搜集來的圖片素材。你要是想放到文章里面,怎么辦?
AirDrop? 還是大多數人可能更習慣的QQ?
都不用。在你打算插圖的地方點擊編輯器下方WiFi按鈕。選擇插圖到編輯器。
于是屏幕上會出現一個二維碼。
用微信掃描一下。選擇插圖的來源,就可以快速把一張或者多張圖送到編輯器里面了。
方便吧?
圖片屬性設定
你還可以調整導出時的圖片屬性。在圖片右方選擇“編輯圖片”功能,就可以設置縮放率,最大寬高,甚至是圖片的浮動效果。
有意思的是,編輯器根本就不需要修改原圖。對于許多人來說,這是個非常有用的小功能。
思考
問題來了:既然存在這么方便的編輯器,為什么那么多人還在用極為原始的手動方式排版微信公眾號文章,而且為之煩惱不已呢?
是因為軟件太新,大家沒聽說過嗎?
不是。寫作本文的半年前,各路科技網媒就紛紛報道過它。許多編輯和作者對這款軟件的“黑科技”功能贊不絕口。在這些報道中,剛才我提到的功能都獲得了大篇幅的介紹。
是因為軟件太貴,大家買不起嗎?
標準版50多元,專業版100多元。對于許多公眾號作者來說,這筆投資雖然不算小,不過跟省下的時間和拯救的心情比起來,總還是劃算的吧?
那問題究竟出在哪里呢?
出在軟件功能設置上——大部分用戶倒在了半途。
這款軟件的作者們顯然是極客,他們發掘到了許多微信公眾號作者們夢寐以求的需求。但是他們大概忘了,自己產品的用戶可不都是極客。
編輯器的幫助文檔確實已經很詳細了。但是對于技術小白來說,還遠遠不夠。普通用戶并不是在接受軟件技術培訓,而只是想方便地寫文章、插圖和排版。他們沒有強烈的探索欲望。一旦他們見到了陌生的名詞術語,甚至是使用遭遇了挫折,很快就會選擇放棄。
下面我帶著大家一步步完成該軟件的配置,你就知道哪些地方是潛在的坑了。
好在只需要這一次設置,以后你就可以像我剛剛演示的那樣“兩鍵排版”了。 :-)
設置
設置分成兩個主要環節。一個是插圖需要的圖床空間,一個是排版樣式。
圖床
這款編輯器支持以下4種類型的存儲空間作為同步圖床。
許多人在這一步就卡住了。用戶想當然認為這種專業的存儲空間都收費,自己的個人微信公眾號沒有必要花錢用這么專業的玩意兒。沒有人告訴他,七牛免費版就可以提供10G存儲空間,作為一個微信公眾號的圖床綽綽有余。
請注冊一個七牛賬號。全中文提示,相信自己,你沒問題的。注冊完成后請登錄,你會看到如下界面。
點擊“對象存儲”框中的“立即添加”按鈕,輸入一個任意的空間名稱,這里我用的是"blog"。
其他的選項都不要動,然后點擊下方的“確定創建”。恭喜你已經有了自己的免費圖床了。
創建完畢之后,進入管理頁面。你會看到測試域名欄目下面有一個以“clouddn.com”結尾的鏈接。這是域名,很重要,請把它保存下來,一會兒用。
點擊右上角的“個人面板”,選擇“密鑰管理”。
如果注冊的時候沒有創建過密鑰,此時點擊“創建密鑰”。然后你就能獲得兩串至關重要的字符串,分別叫做AK和SK。你不用知道它們是做什么的。只需要保存下來,并且確保你不要把它們告訴任何人。
好了,下面我們回到這款編輯器,點擊左下方云圖標。第一次點擊會提示你設置。請看下圖。
AccessKey和SecretKey分別填寫剛才你記錄下來的AK和SK。
空間填寫你剛才創建的空間名稱。例子里面我們用的是blog。
前綴路徑不要動。
域名填寫剛才記錄下來的以“clouddn.com”結尾的鏈接。
不要點擊"OK",點擊“重置同步”,出現警告信息直接確認即可。
然后點"OK"。
你的圖床設置全部搞定,從此就可以隨心所欲插圖了。
排版風格
你還需要設置一下微信公眾號文章的排版風格。風格由一個css文件控制。
網上這樣的css文件有很多,大家根據自己的口味各取所需吧。請選擇并下載一個。
我用的是王小杰版本。
注意本例這個css是針對Markdown Here來設置的。你用的時候需要做一些微調。不然正文字體直接按照編輯器字體輸出。對于我這種喜歡用大字兒寫作的人來說,微信排版出來的效果可謂“是可忍孰不可忍”。
下面我們講講具體如何設置。
拷貝css文件內容到剪貼板。
打開編輯器左下方的扳手按鈕,選擇第二個標簽頁“Markdown模板”。
在最下方的文本框里面,把css文件的內容粘貼進去。請注意原先第一行的:
.markdown-here-wrapper{
替換為:
p{
點擊確定。
樣式設置搞定!現在你也可以嘗試“兩鍵排版”了。
建議
對于一個企業來說,資源是有限的,各項工作不可能面面俱到。但是對于一個有特色、痛點抓得準的產品來說,把使用方法與(潛在)用戶進行有效溝通是非常必要的。
許多微信公眾號寫作者只是需要這樣一篇簡單的、可實際操作的介紹文章,就能深切地體會到產品的好處。用戶只知道軟件產品某個功能存在是不夠的,只有他自己可以上手這個功能,實際獲得了收益,他才有意愿付費,甚至是進行口碑宣傳。
千萬不要假設你的用戶擁有和你一樣的技術能力,更不要在講解和答疑的時候對他們不耐煩,隨便跳步。那些小眾用戶可能更符合你的用戶設定。他們會率先嘗試你的產品,對各項功能迅速心領神會。
但是他們其實是最難伺候的。不是嗎?
延伸閱讀: