阿虛同學的文章是如何排版的?

2021-02-08 阿虛同學

一直有很多粉絲(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 來寫作並進行排版的原因:讓你能更專注於內容本身

如果你是文字工作者,我是真心推薦你使用其來寫作的。

相關焦點

  • 校園故事·優勝 | 阿虛
    阿虛是我高一時的同班同學,他瘦瘦黑黑的,小個子,平時話很少,看上去有點呆呆的感覺。
  • 妙飛:文章如何排版設計?好的排版文章讀完率是普通文章的8倍
    但是他的文章不僅段落少,還把字體調的特別小,看起來密密麻麻,閱讀起來非常吃力。如果他把精力用來推廣這篇文章,絕不如推廣一篇排版精美的文章效果好。你要知道,一篇排版精美的文章閱讀完成率是普通文章的8倍。那麼新媒體文章該如何排版?妙飛把文章排版經驗分享與你,希望你能從中受益。
  • 如何使用微信文章編輯器進行排版?
    很多剛從事公眾號編輯的新手,對微信文章編輯器還是比較陌生的,如果之前從來沒有接觸過類似的排版工具的話,難免會有些手足無措,那麼如何使用微信文章編輯器進行排版呢?下面就以96編輯器為例,介紹一些常用的排版步驟和方法,一起看下吧。
  • 《涼宮春日的憂鬱》阿虛和團長的感情分析
    sos團的成員裡,除了她和阿虛(相對於那些不切實際和不受約束想法的對立面的代表)之外,在其他的作品裡都能找到類似的替代,可愛系學姐也好,三無文學少女也好,定位模糊的奇特轉校生也好,可以找到很多相似的存在,但是團長和阿虛,他們兩個合在一起,就是我們在那個年齡時的思維模式,不切實際的想法和貼合實際的理智互相試探,互相碰撞,直到選出一個偏向實際的妥協點
  • 如何排版微信公眾平臺的文章?
    想要排版漂亮,一是要注意技巧,二是要選對趁手的編輯器,圖文並茂普及排版技巧的文章不少,我幫大家做一個小匯總,希望能幫到你一些。第一,排版小技巧。文章整體要簡約,別整那些花裡胡哨的玩意兒。比如,文章裡邊出現母子、父子,必配滿這種圖這種圖但其實,文章只是母嬰店的一篇軟廣,文章內容好不好先放一邊,文章發布人員以一己之力,勸退多少潛在閱讀者。
  • 如何用Markdown輕鬆排版知乎專欄文章?
    我曾經圍繞著如何用Markdown排版微信公眾號的問題,寫了好幾篇文章。有的文章寫了將近一年,還有新讀者在點讚。這讓我很慚愧。因為近一年以來,我自己的Markdown寫作和排版流程都發生了變化。現在你可以利用免費的編輯器搭建更為舒適的寫作環境,安裝插件更方便地上傳圖片到圖床,同時應用更好的樣式讓讀者在行動裝置上讀得更愉快。
  • 健康類文章怎麼寫,該如何排版?
    現在的人越來越注意身體,不光是老年人關注,很多中年人也很喜歡看關於健康養生方面的文章,這個領域還是相當火熱的。那麼健康類文章怎麼寫才能贏得讀者呢?在排版上要注意哪些方面呢?下面就一起看下吧。健康類文章怎麼寫健康類的公眾號很多,一類是醫療機構和相關衛生部門的公眾號,一類是健康宣傳普及類的公眾號,貼近生活,受眾廣泛。在選題上也是大家非常關心的那些,健康養生、疾病預防、生活闢謠等,幫助讀者更好地了解健康知識,科學養生,提高生活的幸福指數。
  • 美食類公眾號文章有哪些選題,如何排版?
    俗話說,民以食為天,不管在什麼時候,美食永遠是一個不會落伍的話題,那麼美食類公眾號文章有哪些選題,該如何排版呢?學會下面這些方法,讓你的排版分外誘人,吸引力十足。1、美食類文章選題美食類文章的選題主要有三大類:做美食教程、美食打卡、餐飲品牌宣傳推廣。做美食教程側重食物的製作方法和技巧;美食打卡則是通過試吃對美食做出評價,致力於挖掘出好吃的店鋪;餐飲品牌推廣則是公司品牌的宣傳,推出菜品,搞優惠活動等等。
  • 招聘類公眾號文章如何排版,有哪些高端秘訣?
    除了在各大招聘網站上發布信息,不少企業也會在公眾號上發布招聘類文章,希望能拓寬渠道,招到合適的人。那麼招聘類公眾號文章如何排版,有哪些高端秘訣呢?下面就一起看下吧。1、文章組成在做排版之前,首先要知道招聘類文章的組成,一般會寫清楚招聘職位、職位要求、公司簡介、福利待遇、聯繫方式等。
  • 看完這4個文章排版要點,你就會排版啦!
    (↑聽燕哥說)不管做什麼工作,只要涉及到文案編輯,就會涉及到排版工作。特別是運營狗。排版往小了說,叫「排版」,往大了說,其實就是設計。今天給大家說一下排版的常用工具和方法技巧,希望對你有用哦。還是先從最常見公眾號文章排版說起吧。
  • 【內容排版】超實用圖文排版方法 文章排版怎麼有美感
    素都能影響瀏覽,排版設計的好壞絕對很考驗一個人的基本功底。那麼什麼是好的排版?在小編看來有比較棒的閱讀性的,內容在視覺上是平衡連貫的,並且有整體空間感和美感的就是好排版。所以現在就從文字排版和圖片排版這兩大方面,與大家分享內容排版的技巧。
  • 新手如何排版公眾號文章?推薦三種方法
    對公眾號新手來說,排版就不是那麼容易的事情了,對於排版認識不足,需要慢慢去摸索,花費時間長不說,排版效果還不好,那麼對新手來說,有沒有什麼排版公眾號文章的簡便方法呢?一起來看吧。1、一鍵排版把文章內容和圖片按順序放到主編編輯器裡,點擊一鍵排版,可以選中某一段,或者圖片,使用秒刷功能,對這部分進行排版,也可以選擇一鍵排版,讓整篇文章使用這個樣式,還可以調整文字的大小、各模塊之間的距離等等,整體排版完成之後,對細節方面進行調整,這樣排版就非常方便了。
  • 96微信編輯器教你如何排版微信公眾平臺的文章?
    96微信編輯器教你如何排版微信公眾平臺的文章?現在網際網路發展迅速,新媒體行業應運而生,微信公眾號算是新媒體行業的佼佼者了,在我們的生活中無處不在。微信是一個使用量非常高的app,影響力大家有目共睹,微信公眾號自從開發6年以來使用量超過了10億,如何在10億瀏覽量中遙遙領先,如何在眾多公眾號中獲取流量,是所有新媒體工作者都要研究的一個問題。
  • 北京疫情形勢嚴峻,防疫主題微信公眾號文章如何排版?
    說起防疫,那主題微信圖文應該如何排版呢?在寫防疫類文章的過程中,我們應該注意哪些問題呢?下面我就跟大家分享一些我的排版小心得!關於防疫類的文章排版,我會先選用一些相關排版素材,主要是讓整篇文章看起來,不是只有文字、圖片,添加一些排版裝飾,會讓文章看起來更舒服!
  • 《涼宮春日的憂鬱》阿虛穿越回三年前,為啥要用史密斯這個假名?
    阿虛和還在上初一時的涼宮春日,一起畫下了許多迷之符號,並向涼宮春日團長灌輸了一些「奇怪的思想」……(這次的穿越,本身就是歷史既定的一部分,以前發生過,所以不算幹預改變歷史。)結束穿越前,阿虛沒有告訴涼宮春日自己的姓名,而是用了約翰·史密斯(John Smith)這個假名。
  • 微信公眾號文章排版須知
    一、文字排版字號:正文建議使用14—16號字,一般是14號字,這樣在手機上顯示出來效果很好,當然根據文章類型15、16號都是可以使用的。標題建議使用16—22號字體,,這個都可以根據文章需要在上面的區間進行調整。
  • 電商類的微信公眾號文章應該怎麼排版?
    不僅我們在精打細算,在計算如何購買商品更加划算!在這個時期整個電商行業也都是處於忙碌加班的狀態,正好逢雙十二,小妹兒就來分享一下電商類的微信公眾號文章應該如何排版?公眾號文章可以使用微信公眾號後臺直接編輯,那如果後臺編輯滿足不了你的需求,當然也可以使用第三方編輯器,因為會有很多精緻的排版樣式以及好用的功能,會加快文章排版的效率。
  • 微信公眾號發文章排版,如何在圖片上添加文字?
    微信圖文排版指南-如何在圖片上添加文字? 編輯排版公眾號文章的時候,排版經常會選擇圖片和文字相結合,那如何在圖片上添加文字呢? 二、直接使用樣式素材 (一)如何找到樣式素材?
  • 如何使用微信編輯器為公眾號文章排版?
    按理說,本輪不到我來寫這樣一個主題的文章。
  • 公眾號文章排版:純文字內容要怎麼排版?
    純文字是圖文推送最常見的內容,因此所有的運營人都應該掌握純文字排版的技巧。那純文字內容應該怎麼排版?很多微信公眾號都是純文字內容,他們的純文字排版都有可以借鑑之處。在實際進行排版美化的過程中,首先要構思好文章的框架,提煉出每一部分的主題。在微編王微信編輯器進行編輯、排版、修改。正文選擇編輯器的15號字體看著最舒服 ,14號有些小,看著吃力;16號字體有點過大。字體一般選擇微軟雅黑,不像宋體那麼四方,又不會顯得不正式。