這是一篇遲到的教程。在我前段時(shí)間第一次嘗試用Markdown排版文章后，沒想到立馬收到了好幾位小伙伴的留言，“排版很漂亮”；還有人專門私信我問是怎么做到的。當(dāng)時(shí)就決定寫一篇文章講一講Markdown排版，但因故到今天才真正成文。非常抱歉，話不多說，我們開始吧。

一、每次寫文章，你要花多長時(shí)間在排版上？

以前，我在公眾號的文章基本都是用秀米編輯器排版，我收藏了一些自己喜歡的樣式，先寫內(nèi)容，再刷格式，每次排版耗時(shí)10-20分鐘；

現(xiàn)在，我用Markdown排版幣乎和公眾號的文章已經(jīng)半個月左右，邊寫文章，邊輸入簡單的標(biāo)記語言，成文后直接復(fù)制或一健渲染，加上添加圖片，排版耗時(shí)幾乎可以短到忽略不計(jì)。

可能有些人一看到“Markdown”這個字眼，就沒有了繼續(xù)讀下去的興趣，或者先把文章收藏，打算等以后有整塊時(shí)間的時(shí)候再研究學(xué)習(xí)。

我非常能理解，因?yàn)?strong>我就是這樣錯過了無數(shù)次學(xué)會Markdown的機(jī)會，從而浪費(fèi)了太多無謂的花在排版上的時(shí)間。

當(dāng)我真正花了那么一點(diǎn)點(diǎn)時(shí)間學(xué)過用過才發(fā)現(xiàn)，用Markdown排版，絕對能達(dá)到我的要求，而且真的非常簡單、高效和節(jié)省時(shí)間。

所以如果你也像我一樣是這樣的人，墻裂建議你學(xué)會Markdown排版：

持續(xù)寫作者；

對文章排版有要求的人；

接受自己的多篇文章采用同一種排版樣式的人；

不想花費(fèi)太多時(shí)間在排版上的人；

……

當(dāng)然還有很重要的一點(diǎn)，認(rèn)為這篇文章的排版好看的人。^_

二、Markdown教程那么多，這篇有什么不一樣？

谷歌搜索“Markdown”，找到約5,800,000條結(jié)果，第一頁中除去百科相關(guān)詞條，有超過五條是Markdown語法或教程。幣乎上也有不少作者寫過Markdown相關(guān)的文章，記得有一期日旦評的熱詞云圖里，Markdown還是關(guān)鍵詞之一。

既然已經(jīng)有了這么多Markdown教程，我為什么還要寫？

因?yàn)樵谟腥藛栁胰绾蜯arkdown排版時(shí)，我沒找到一篇容易上手的文章，可以讓我直接發(fā)給他就足夠。

很多教程寫的很棒，但大都是先講什么是Markdown、再講有哪些Markdown工具，很多時(shí)候都需要看多篇文章才能從頭到尾完成一篇文章的Markdown排版。

我覺得還可以更直接。

所以這篇文章，是一篇手把手教程，如果你想學(xué)Markdown排版，大可按照這篇文章的步驟操作一次。這次之后，你就可以做到形成自己固定的排版樣式、排版時(shí)間可以短到忽略不計(jì)、提取未來大量時(shí)間和注意力。簡直不要太贊。

三、干貨來了：手把手教你完成一篇幣乎文章排版

一步步按照我所寫操作即可，不明白或卡住可以給我留言或添加微信oleole-zx，一起學(xué)習(xí)。

1.下載編輯器Typora

既然要寫文章，就要有地方可寫。有人用word、有人用石磨文檔、有人用秀米135，從今天起，你可以嘗試用Typora。

這是一款支持Markdown的編輯器，在這個編輯器中，用Markdown編輯語言寫文章。隨著你敲字進(jìn)編輯器，文章排版后的樣式會直接顯示出來。比如我正在寫這篇文章的樣子：

image

我并沒有在什么地方選擇字體大小、顏色，設(shè)置行間距，加粗標(biāo)紅，只是用一些簡單的符號放在文字前，就會自動顯示出這種效果，是不是很神奇？！

先別管這是如何實(shí)現(xiàn)的，登陸Typora官網(wǎng)，下載適合你的電腦的Typora版本，并安裝。

2.設(shè)置排版樣式

在Typora中，排版樣式是由主題樣式?jīng)Q定的。

image

我這篇文章的排版樣式，就取決于上圖中Oleole這個主題。在不同的主題背后，是不同的CSS代碼，決定著你的排版樣式。

層疊樣式表（英語：Cascading Style Sheets，簡寫CSS），又稱串樣式列表、級聯(lián)樣式表、串接樣式表、層疊樣式表、階層式樣式表，一種用來為結(jié)構(gòu)化文檔（如HTML文檔或XML應(yīng)用）添加樣式（字體、間距和顏色等）的計(jì)算機(jī)語言，由W3C定義和維護(hù)。——維基百科

簡單來說就是，只要我們創(chuàng)造出或找來一套符合自己審美的CSS代碼，做成Typora的主題樣式，那么我們的文章，就會邊寫邊自動變成我們想要的樣式。

那么如何把CSS代碼做成Typora主題呢？

以本篇文章排版樣式為例，其CSS代碼來源于李笑來老師。步驟如下：

1.復(fù)制這個網(wǎng)頁中的CSS代碼：李笑來的CSS代碼)

2.打開你電腦中的Typora，依次找到并點(diǎn)擊：偏好設(shè)置-通用-打開主題文件夾（我是iOS系統(tǒng)，Windows系統(tǒng)應(yīng)該也不難找到，去軟件的根文件夾中找），這是你會看到幾種主題的.css文件；

3.復(fù)制任意一個.css文件，將李笑來的CSS代碼復(fù)制到此文件的副本中，并重新命名為“Oleole”；

4.重新啟動Typora，在新的主題列表中中，就可以看到新的主題“Oleole”了。

5.選擇新主題“Oleole”，從現(xiàn)在開始，你寫文章的過程中就幾乎可以完成排版了，效果跟這篇文章是一樣的哦！

3.在Typora中用Markdown語言寫文章

一切準(zhǔn)備就緒，你可以開始撰寫文章內(nèi)容了。

你只需要根據(jù)你的文章內(nèi)容和排版風(fēng)格記住幾種簡單的標(biāo)記語言，拿你正在讀的這篇文章來說，我用到的有：

一級標(biāo)題：文字前加#

三級標(biāo)題：文字前加###

斜體：內(nèi)容前后分別加*

加粗：文字前后分別加**

引用：文字前加>

分割線：換行輸入—-

超鏈接：[鏈接文字] (鏈接網(wǎng)址)，實(shí)操中去掉 ；

……

可能還有另外一些你會用到的Markdown語言，這里就不再窮舉，請到文末拓展閱讀或自行Google。

建議每種常用樣式都在Typora中試一下，你就會很直觀地看到其顯示過程，能更好地理解Markdown，是挺有意思的一件事。

4.插入圖片，完成排版

到這里，你已經(jīng)完成了文章的90%。

揭下來，把你完成的文章復(fù)制到幣乎編輯器，插入配圖，完成發(fā)布即可。

我常用的圖片素材網(wǎng)站是unsplash.com，如果你還想自己動手設(shè)計(jì)一些圖片，推薦創(chuàng)客貼。

四、最重要的是：去做

在沒有開始嘗試的時(shí)候，你不會意識到自己正在錯過什么。

就像之前的我，錯過了很久的Markdown排版；而現(xiàn)在對它愛不釋手：因?yàn)楦奖憧旖菝烙^的排版方式，就連寫文章，動力都好像更足了不少。

不用指望把每一條Markdown標(biāo)記語言都背下來再開始用它寫作，我相信一定有這樣打算的人。

用，是最好的學(xué)。想到就去做，在行動中調(diào)整方向，不失為一種更好的選擇。

文章的最后，我要感謝Alexey、Eleven、呦呦鹿、幣友_187642等讀者朋友，是他們對我的排版表示肯定，給了我更多信心；感謝問我如何搞定排版的新斌、sara、張晨旭、區(qū)塊傭兵等，這篇文章成文離不開他們的推動；感謝賦能懂事局局長金龍老師、吳曉潭博士、吳強(qiáng)兄弟，是他們的文章和指點(diǎn)帶我順利入門Markdown排版。謝謝！