阿禪 Jason Ng
讀完本文
大約需要
我發(fā)現(xiàn)，不管我寫哪篇文章，都會有讀者在留言區(qū)問我，我的文章是用什么編輯器排版的，我的回答都是，市面上的微信排版器我都不用，不是因為它們設(shè)計得不好看，而是所有的排版器都不符合寫作的規(guī)律。
這篇文章，會告訴你我的文章都是如何排版出來的。
1
排版不僅是錦上添花
2006 年，我開始寫博客，當時信奉的是內(nèi)容是核心，排版并不重要。但自從 2008 年看了一些與屏幕閱讀體驗相關(guān)的研究報告后，我開始重視排版，開始在博客上嘗試不同的排版方式。不能說我的排版是最好看的，但在小圈子內(nèi)，是受到關(guān)注的。如果你在 Google 搜索「可能吧 排版」，可以找到不少別人研究當年我如何排版的文章。
良好的排版不僅讓人賞心悅目，更重要的是，我們可以適當?shù)卣{(diào)整排版，讓內(nèi)容的呈現(xiàn)符合用戶在屏幕上的閱讀習慣。
我在「有可能學院」里有一個主講課程《微信內(nèi)容運營》，在這個課程里我定義了一種新崗位：內(nèi)容經(jīng)理。
產(chǎn)品經(jīng)理關(guān)注用戶需求，以用戶需求出發(fā)開發(fā)功能，產(chǎn)品經(jīng)理樣樣都不專，但樣樣都懂一點。內(nèi)容經(jīng)理不再是傳統(tǒng)意義上的記者或編輯，而是關(guān)注內(nèi)容生產(chǎn)流水線上方方面面的角色，他們以讀者的需求出發(fā)去制作內(nèi)容，看起來樣樣都不專，但樣樣都懂一點。
注意前面說的「制作」二字，在關(guān)注讀者需求的年代，內(nèi)容不純粹是寫，而是「制作」。而在「制作」的過程中，閱讀體驗和閱讀習慣就是內(nèi)容經(jīng)理必須去關(guān)心的環(huán)節(jié)了，它們不是錦上添花，而是整個內(nèi)容生產(chǎn)流水線上必不可少的部分。
2
什么是寫作規(guī)律？
我的文章一般都比較長，比如《別開發(fā) app 了》，有 8000 多字，比如《為什么 Google 沒有虛假醫(yī)療廣告》有 6000 多字。這些文章都是一氣呵成寫出來的，前者我大約寫了 5 小時，后者寫了 4 小時。
然而，寫作的時間并不是主要的，主要時間花在素材的收集。比如寫《別開發(fā) app 了》這篇文章之前，我把微信公眾平臺的 API 文檔和 Google PWA 文檔都看了一遍，又在 Google 搜集了大量資料，最后才開始寫作。
當收集完所有的素材，將這些素材裝入腦中后，我就開始閉關(guān)寫作。
寫作是一氣呵成的。
一氣呵成的意思是我收集了足夠的素材，并把自己置于在一個他人無法打擾的空間，比如家里，比如咖啡廳，比如酒店，從第一個字一直最后一個字，把文章寫完。
我嘗試過分多次寫文章，結(jié)果都不滿意，因為這會讓一篇文章的情緒不連貫。比如我今天覺得支付寶腦子進了屎，于是寫了半篇文章，第二天可能我覺得其實還好，他們只是進了水而已。這樣，文章前后的情緒就會不一致。這樣的文章，會讓讀者感到迷惑。
所以，我習慣性一氣呵成寫一篇文章。相信大多數(shù)寫作者，也有著這樣的習慣。
3
為什么我不用任何微信排版器？
微信公眾平臺的編輯器功能確實很弱，光用它默認的功能，很難做出優(yōu)秀的排版。于是有不少公司開發(fā)了微信排版器。
幾乎所有的微信排版器，頁面結(jié)構(gòu)都和下面這款排版器類似：
用戶在左側(cè)選擇內(nèi)容類型，然后選擇一種樣式，編輯器里就會出現(xiàn)包含樣式的卡片，用戶接下來就是在卡片里填充內(nèi)容。
我之所以不用任何排版器，原因包括：
容易撞衫：你用的樣式其它公眾號也會用，沒有特色。
不夠精致：大多數(shù)排版器的樣式，從用色、行距、字體大小等，都沒經(jīng)過特別仔細的設(shè)計。
不符合寫作規(guī)律
第 3 點是重點。
寫作是一氣呵成的過程，但大多數(shù)微信排版器把一氣呵成的過程人為地割裂開了。本來，你寫完小標題，接下來應(yīng)該馬上敲鍵盤寫內(nèi)容，但在這些排版器里，你需要先選擇一個模板，然后再在模板里填充內(nèi)容。你不得不中斷你的寫作，把手從鍵盤移到鼠標上，然后再回到鍵盤上。
對我來說，這種體驗是糟糕的。
有人可能會說，你可以先在一個寫字板里寫好，然后在排版器里一部分一部分粘貼進去啊，這樣不就可以先一氣呵成寫完，然后「專心」排版么？
你想想，《別開發(fā) app 了》這篇文章 8000 字，二級標題、三級標題加起來 10 來 20 個，我需要費多少勁才能完成排版？
對我來說，這種體驗依然很糟糕。
4
可能吧的文章是如何排版的？
昨天一個有可能學院的學員問我，我每次寫文章花多少時間去排版，我的回答是，快的時候 1 秒鐘，但一般都需要 10-20 秒。
我是這樣寫作和排版的。
4.1
在一個安靜的編輯器里開始敲字
在 Mac 和 iPhone 上，我都購買了 Ulysses，我認為它是最好的寫字工具，因為它足夠安靜：
如上圖所示，我寫作時常常全屏，一氣呵成地把文章寫完。
4.2
使用 Markdown
Markdown 是一種專門給寫作者用的排版語言，它并非編程語言，學會 Markdown 一般只需要 5-10 分鐘。
使用 Markdown 的好處是，當你需要對文字進行排版時，雙手不需要離開鍵盤。比如你需要寫二級標題，就在文字前面加兩個 # 號，三級標題就是加 3 個 # 號。需要對文字加粗，就在文字兩邊分別加兩個星號。
就像上圖那么簡單。
你能在 Google 輕松找到各種 Markdown 的教程，相信我，只需要 5-10 分鐘就能學會。
4.3
將寫好的文章一鍵排版
使用 Markdown 和 Ulysses 寫作的好處是，寫完的文章能直接輸出成 HTML 格式。于是我寫了一個腳本，將 HTML 里的標記，批量替換成我的排版樣式。整個過程 1 秒之內(nèi)完成。
比如，我會把段落標記 <p> 批量替換成字號為 15px、字距為 1px、行距為 28px 的文字。
又比如，我自己定義了 <time> 標記，在批量替換時，這個標題會替換成文章頂部的閱讀時間區(qū)塊。
對我來說，寫作必須一氣呵成，排版不能中斷寫作。在流水線上，排版在寫作之后。
4.4
將排版完成的文章粘貼到微信編輯器
一鍵替換后的文章依然是 HTML 格式的，如果你在瀏覽器里打開，全選復制并粘貼到微信編輯器，可能會出現(xiàn)樣式錯亂。
我的做法是復制 HTML 文件的源代碼，在在線的 CKEditor 編輯器里粘貼源代碼，然后復制到微信編輯器，這樣樣式就不會錯亂了。
5
問題來了，如何一鍵排版？
沒有做過個人主頁或沒有技術(shù)背景的人，看前面的排版流程可能會有點一頭霧水。其實并不難，我不是技術(shù)出身，也不是設(shè)計師出身，所有的設(shè)計和排版代碼都是通過 Google 學習和嘗試出來的。
如果你一點都不懂 HTML 和 CSS ，你有兩種選擇：
5.1
選擇一
這是最佳選擇。
找公司的設(shè)計師，給你設(shè)計一套或多套排版樣式。
找公司的前端工程師，幫你把這些設(shè)計好的樣式寫成 HTML 和 CSS，需要注意的是，微信并不支持所有的 CSS 代碼。
依舊找這個前端工程師，讓他幫你寫一個批量替換純 HTML 到排版樣式的腳本。?
5.2
選擇二
這是我的路徑，你可以參考。
花半天時間學會 HTML 標記。
花 2 天時間，了解常用的 CSS 標記。
在公眾號后臺寫一篇文章，發(fā)給自己預(yù)覽，在電腦上用 Chrome 打開。
打開 Chrome 的開發(fā)者工具，找到你要調(diào)整的元素，將你學會 CSS 標記寫進去，一直調(diào)整到自己覺得好看的狀態(tài)。
記錄好 H2、H3、P 等標記要替換成什么樣式。
花 1 天時間，學會如何寫一個簡單包含 replacements 函數(shù)的 Python 腳本。
把要替換的元素，都寫進這個 Python 腳本里。
一鍵排版。
別被這 8 個「復雜」的步驟嚇到，在電腦上調(diào)試樣式，瀏覽器不會崩潰也不會死機，關(guān)鍵是要多嘗試，以及多用 Google 找學習材料和解決方案。
6
別依賴模板式教程
以上，就是我的排版方法。
我不會在這篇文章，也不會在以后的文章里告訴你，排版時字號應(yīng)該取多少、應(yīng)該用什么顏色、行距應(yīng)該多高。
實際上，你能很容易在網(wǎng)上找到各種（微信）排版教程，告訴你應(yīng)該用 16px 的字體大小、應(yīng)該用 #888 的字體顏色、行距應(yīng)該用 1.2 rem 等。
別把這些教程當鐵規(guī)，如果一個人告訴你，微信排版，16px 的字體大小是最好的，千萬別信。所有模板式教程，都是在傳授范例，你跟著這些范例走一遍是好事，會獲得不少靈感，但千萬不要照搬，因為不同的公眾號、不同的內(nèi)容類型，對排版的要求是不一樣的。
關(guān)鍵是要多嘗試。Google 是我們嘗試所有東西的好幫手。還有，無論怎樣嘗試，電腦都不會壞掉，怕什么？
