一直有很多粉絲(5、6個)好奇阿虛是怎麼排版的
之前答應過會寫,今天就用一整篇文章來說一說吧。
這篇文章也算得上是阿虛做公眾號的一點心路歷程了~
1
阿虛的公眾號文章排版經歷(上)
如果想把我如何排版這件事說清楚,我覺得一定得說一下我自己的公眾號排版經歷,你可全當故事來看
1.1
最起初
回頭來看看曾經的文章,會發現阿虛原來的排版其實挺爛的,是真的難看
2018年3月,阿虛開始做公眾號。
這時的我,沒有任何公眾號文章排版知識,更別談排版經驗了,文章內容也是純粹是隨便亂寫寫。
下面分別是我 2018.03.03 和 2018.03.18 的兩篇文章的排版,這時的排版只能用兩個字來形容:垃圾
<<左右滑動查看更多>>
1.2
接觸到公眾號排版工具
當然之後為了使排版不那麼難看,我便接觸到了大多數公眾號作者都在使用的 新媒體管家(xmt.cn)、i排版(ipaiban.com)這樣的微信公眾號輔助排版工具,自己開始漸漸使用上一些其提供的預置好的排版樣式
但從這類排版工具的「樣式中心」,挑選併合理搭配出一個適合自己公眾號的排版其實挺不容易的。
你不僅得考慮樣式間的色彩搭配,風格搭配,還得考慮樣式與文章內容是否合適.
在2018.04.30、2018.06.04、2018.07.21我的文章排版分別是下面這樣的:
<<左右滑動查看更多>>
可以看到,儘管我當時也考慮到了:樣式的色彩儘量簡潔,不同的內容可能適合不同的樣式.
但在現在看來,排版依舊是讓人感覺:非常雜亂
而你要知道,從我開始做公眾號到上面這個時間,已經過去4個多月了。而這期間,我不說每天在研究公眾號,也是不時在保持對公眾號排版、運營、內容等的關注的。
從現在看來,我是不推薦使用任何這一類排版工具的,具體為什麼建議接著往下看
1.3
轉折點
在2018年8月,我的排版有了比較大的變化。
以下是我分別在2018.08.16、2018.08.21、2018.08.25的文章排版
<<左右滑動查看更多>>
可以看的出來,當時的排版已經比較接近現在的排版了(當然後面我還無數次的優化過自己的排版)
不僅開始嚴格按照:一級標題、二級標題、三級標題....這種形式來寫作,一篇文章整體的樣式風格也統一化了,也開始插入表情來活躍文字,可以說整篇文章看下來要結構清晰,排版舒服不少
那阿虛是怎麼出現這麼大的變化呢?
最大的原因還是——懶。單純是不想寫作半小時,排版大半天,所以我開始尋求能在公眾號排版上節約時間的解決辦法。
第二個原因是——出於多平臺發布的需求。如果你的初稿是在公眾號上進行書寫的,後期將不利於發布到其他平臺,你複製到其他平臺(比如知乎、企鵝號等)時,排版樣式將丟失,圖片也將無法上傳(公眾號的圖片有防盜鏈,直接複製其他平臺時將無法引用),你將需要花費大量的時間重新排版和上傳圖片等。
三是當時阿虛有寫博客和用筆記軟體記筆記的需求。
於是便接觸到了Markdown
2
什麼是 Markdown ?
Markdown 是一種輕量級的「標記語言」。
不要看到「標記語言」這四個字就覺得難了,實際上 Markdown 的語法十分簡單,常用的標記符號也不超過十個,學習成本非常低!
比如文字前加上 # 表示一級標題,加上 ## 的話則表示二級標題,用兩個**把文字包圍的就表示對文字加粗等等。
最常用的 Markdown 的語法如下圖,左邊是你實際打的文字內容,右邊是軟體顯示的樣式(可修改)
但這裡的阿虛不準備花篇幅介紹 Markdown 的用法了,具體的語法你可以百度 「 Markdown語法 」,相信我,你僅需不到10分鐘便能掌握Markdown的常用語法
我有考慮過要不要細寫這部分的內容,得出的結論是沒有必要:
首先是Markdown語法已經不是一個小眾工具了,在各類筆記軟體中都已經有開始支持Markdown,文字工作者應該都是知道的;
如果你想學習阿虛是怎麼樣排版的,那相信你也一定有自學「Markdown語法」的能力;
在下文準備推薦的工具中,都有 Markdown 的具體用法教程了。
3
支持微信公眾號的Markdown在線渲染器
微信公眾號的後臺編輯器本身是不支持 Markdown 格式來撰寫文章的,但隨著越來越多的程式設計師開始做公眾號,現在已經有了很多 Markdown 格式在線渲染器
你只需要在下面這些網站的左側用 Markdown 語法撰寫文章,在其右邊即會渲染出可複製粘貼到公眾號的排版樣式。
3.1
Md2All
網址:http://md.aclickall.com/
網址2:http://md2.aclickall.com
有時網站的訪問不穩定,可分別嘗試不同的伺服器
作者公眾號:顏家大少
首先就要介紹這個網站,阿虛最起初知道可以利用 Markdown 在微信公眾號上排版的時候就是因為這位大佬。
提供多種樣式選擇,且如果你熟悉CSS語法,可以自己修改出自己喜歡的樣式:
3.2
讓微信排版變Nice
網址:https://mdnice.com/
而如果你要我推薦給你使用哪一個工具,我多半是會推薦這個大佬開發的網站
作者公眾號:編程如畫
眾多的公眾號作者提供了多達17種不同的主題,而且作者還建立了一個「用戶群」方便大家交流。
提供諸多常用的擴展語法(如注音、圖片左右滑動等)
3.3
其他同類工具
微信公眾號格式化編輯器:https://lab.lyric.im/wxformat/
公眾號Markdown編輯器:https://prod.zkqiang.cn/wxeditor/index.html
高顏值的微信公眾號圖文消息編輯器:https://ufologist.github.io/wechat-mp-article/editor.html
MPEditor Markdown 編輯器:http://js8.in/mpeditor/
備註說明當然,因為這些工具都是作者根據自己的習慣開發出來給別人用的,其中一些擴展的標記語法只在自己的平臺適用,複製MD的文本內容到其他平臺進行格式渲染的話將會失效
比如:讓微信排版變Nice這個網站,另外支持注音符號、圖片滑動等等語法,在其他同類編輯器上的話,語法將會失效。
<<左右滑動查看更多>>
4
解決 Markdown 圖床問題
另外,使用 Markdown 必將涉及到圖床問題,因為 Markdown 的實際內容都是純文本,是不能存儲圖片的,所以如果你想插入圖片,最簡單的是把圖片存儲在電腦本地,然後在 Markdown 內插入這張圖片的文件地址
但這樣的話其實非常不方便 Markdown 文件的存儲(想保存完整的文檔的話,你得把插入的本地圖片文件一併保存好才行)。
一般都是把圖片上傳到圖床(你可以理解成網盤),獲取圖片的連結,再在 Markdown 中插入這個圖片連結,這樣的話文中便能正常顯示圖片了
如果你選擇的是一個足夠穩定的圖床,你只需保存好 Markdown 文件本身,即可在任何電腦上保證打開Markdown文件時是完整的(文章內圖片不丟失)。
4.1
圖床選擇
圖床的選擇其實是一個比較複雜的問題,這裡減少廢話,直接說阿虛折騰過後推薦的方案
建議大家使用付費圖床:這裡需要說明的是 ,就算是存滿1個G的圖片文件,一個月的存儲費用也只需要幾角錢。圖床費用其實最主要的是流量費用,但如果你只在公眾號發布你的文章,其實流量費用幾乎是沒有的。因為在公眾號插入的圖片會被自動上傳到其公眾號平臺,別人查看文章的話,即不會消耗你圖床的流量
免費圖床可以使用:Github + jsDelivr (這個一般配合圖床工具Picgo來使用,Github圖床本身已經被牆,但可以使用jsDelivr CDN 為其加速使其在國內還能正常訪問,並且速度不錯,具體方法比較複雜,請自行百度了解)
微博圖床(微博圖床在去年已經加上了防盜鏈,如果你在一些支持 Markdown 的平臺(CSDN、簡書等)或者你的博客上用微博圖床,圖片將會因為防盜鏈而無法顯示,但如果單純是用 Markdown 來進行公眾號寫作的話,其實並沒有影響,圖片在本地一樣能正常顯示,同時在複製文章內容到公眾號時,也能夠正常自動上傳,想使用的話可以在Chrome瀏覽器上安裝 「 微博圖床 」 這個擴展,另外,如果你不會科學上網,你可以到 crxdl.com、extfans.com 等網站搜索進行安裝)
阿虛更建議的話,是搭配下面的圖床軟體,將圖片存儲到上面的推薦的付費圖床,以保證圖片絕不會丟失
4.2
圖床軟體
如何在下面的圖床軟體上添加這些付費圖床,軟體官網均有詳細介紹,這裡就不多說明了:
5
免費好用的 Markdown 編輯器
通常的話,你應該是在本地進行 Markdown 書寫,在發布到公眾號之前再使用上面提到的網站來進行格式渲染,所以這裡的話推薦一些常用的Markdown編輯器
Typora(Win/Mac/Linux)官網:https://www.typora.io/
Mark Text(Win/Mac/Linux)官網:https://marktext.app/
Notable(Win/Mac /Linux)官網:https://notable.md/
Boostnote(Win/Mac/Linux/iOS/Android)官網:https://boostnote.io/
Simplenote(Win/Mac/Linux/iOS/Android)官網:https://simplenote.com/
完整介紹可以查看這位博主的博文:https://www.cnblogs.com/xueweihan/archive/2019/10/24/11728087.html
阿虛個人一直使用的都是Typora,最多人推薦的也是這個,上面介紹的PicGo、iPic如今均有對 Typora 的插件支持。
6
阿虛的公眾號文章排版經歷(下)
好了,接著回到阿虛的排版經歷,開始在公眾號上使用 Markdown 排版後,整整一年我都使用的這種方式來對公眾號文章排版
雖然期間我一直有不斷學習其他公眾號排版教程後,對自己的標題樣式、色彩搭配、字體大小間距等等都做過不同的嘗試和修改,但始終不夠滿意。
直到2019.09.08我的文章排版才又開始有了新的變化,即變成了本文現在這樣
我現在的排版樣式,來源於一位我非常欣賞的大佬——阿禪 Jason Ng
他的公眾號是:可能吧
這裡本想轉載分享大佬的文章給大家,但看過大佬的觀點後深以為然:
6.1
阿虛的文章是如何排版的呢?
就明確告訴你吧,我現在的排版流程就是完全學習阿禪大佬的,就是根據他介紹的方法來進行排版。
如果你想學習阿虛的排版方法——建議,不,不是建議,請直接看阿禪大佬的原文
阿禪在下文中的對於排版與寫作的許多觀點,其實也正是阿虛想說的(點擊即可查看):
▲點擊即可查看
6.2
可能吧公眾號 Style 一鍵轉換
如果你在看完上文後發現:阿禪的排版樣式需要自己編程才能實現,對自己來說完全做不到,不要嘆氣。
幸運的告訴你,阿禪大佬在去年5月30日,將他的排版樣式公開了,並製作成了一鍵化排版網站,每個人都能使用
工具網址:https://knb.im/mp/
但使用阿禪的這個網站需要按他的習慣,使用他的書寫規則來使用。
比如在他定的習慣就是 ## 才代表一級標題 /pphh 代表摘要/ppqq 代表引用等語法。
如果你希望能有一個符合你自己習慣的工具,請自己根據阿禪大佬在這篇文章文末給出的流程來試試:《可能吧的文章是如何排版的?》
7
用好公眾號平臺自帶模板功能
最後說一下,我不用任何第三方微信公眾號排版器的另外一個原因是:沒必要
類似新媒體管家、i排版等提供的排版樣式,無非都是一個一個的樣式模板,在你想使用的時候就挨著插入樣式。
而這一功能,實際上公眾號平臺就自帶了!
可以看到2018年8月那時我的文章開頭就借鑑了阿禪大佬的開頭(加以了一點改進:頭像改為了二維碼,後面又加入了掃碼關注提示)
如果你只想借鑑阿禪大佬開頭這部分的部分的樣式,你大可以把這部分保存到公眾號的圖文模板裡面。
打開公眾號後臺,找到素材管理:
點擊「管理圖文模板」。(現在微信後臺改版了,這個按鈕比原來要顯眼的多,原來是藏在二級展開目錄裡面)
之後才會跳轉如新建圖文模板頁面。
在這這裡複製排版樣式,https://knb.im/mp/,之後粘貼到這裡,保存模板即可。
然後在寫文章的時候,公眾號自帶的模板功能裡面即可插入使用了
備註一下,如果你是想要借用阿虛修改後的樣式,並不能用新媒體管家一類的「採集樣式」功能來獲取,獲取之後樣式會亂掉。你只能用採集整篇文章後刪掉正文的方式來獲取開頭的樣式。
至於如何製作這種頭像二維碼,阿虛原來寫過教程了,這裡便不複述了
微信公眾號最近開始打亂公眾號的時間軸了(雖說還是在內測中,但因該大部分人已經是這樣了),阿虛覺得這肯定會很影響文章閱讀量
雖然就算這樣,我也能猜到這篇文章的閱讀量會「很慘澹」,但還是花了3天來成稿。
希望能對那些關注了我,希望從我這裡學到公眾號相關經驗的朋友們一點幫助吧。
今後應該不會再寫關於公眾號排版的相關內容了,因為阿虛的寫作流程早已經固定了,自己現在基本上是不會在排版上浪費多餘心思了的。
這也是當初我為什麼選用 Markdown 來寫作並進行排版的原因:讓你能更專注於內容本身
如果你是文字工作者,我是真心推薦你使用其來寫作的。