這是一篇遲到的教程。在我前段時間第一次嘗試用Markdown排版文章后,沒想到立馬收到了好幾位小伙伴的留言,“排版很漂亮”;還有人專門私信我問是怎么做到的。當(dāng)時就決定寫一篇文章講一講Markdown排版,但因故到今天才真正成文。非常抱歉,話不多說,我們開始吧。
以前,我在公眾號的文章基本都是用秀米編輯器排版,我收藏了一些自己喜歡的樣式,先寫內(nèi)容,再刷格式,每次排版耗時10-20分鐘;
現(xiàn)在,我用Markdown排版幣乎和公眾號的文章已經(jīng)半個月左右,邊寫文章,邊輸入簡單的標(biāo)記語言,成文后直接復(fù)制或一健渲染,加上添加圖片,排版耗時幾乎可以短到忽略不計。
可能有些人一看到“Markdown”這個字眼,就沒有了繼續(xù)讀下去的興趣,或者先把文章收藏,打算等以后有整塊時間的時候再研究學(xué)習(xí)。
我非常能理解,因為我就是這樣錯過了無數(shù)次學(xué)會Markdown的機會,從而浪費了太多無謂的花在排版上的時間。
當(dāng)我真正花了那么一點點時間學(xué)過用過才發(fā)現(xiàn),用Markdown排版,絕對能達(dá)到我的要求,而且真的非常簡單、高效和節(jié)省時間。
所以如果你也像我一樣是這樣的人,墻裂建議你學(xué)會Markdown排版:
持續(xù)寫作者;
對文章排版有要求的人;
接受自己的多篇文章采用同一種排版樣式的人;
不想花費太多時間在排版上的人;
……
當(dāng)然還有很重要的一點,認(rèn)為這篇文章的排版好看的人。_
谷歌搜索“Markdown”,找到約5,800,000條結(jié)果,第一頁中除去百科相關(guān)詞條,有超過五條是Markdown語法或教程。幣乎上也有不少作者寫過Markdown相關(guān)的文章,記得有一期日旦評的熱詞云圖里,Markdown還是關(guān)鍵詞之一。
既然已經(jīng)有了這么多Markdown教程,我為什么還要寫?
因為在有人問我如何Markdown排版時,我沒找到一篇容易上手的文章,可以讓我直接發(fā)給他就足夠。
很多教程寫的很棒,但大都是先講什么是Markdown、再講有哪些Markdown工具,很多時候都需要看多篇文章才能從頭到尾完成一篇文章的Markdown排版。
我覺得還可以更直接。
所以這篇文章,是一篇手把手教程,如果你想學(xué)Markdown排版,大可按照這篇文章的步驟操作一次。這次之后,你就可以做到形成自己固定的排版樣式、排版時間可以短到忽略不計、提取未來大量時間和注意力。簡直不要太贊。
一步步按照我所寫操作即可,不明白或卡住可以給我留言或添加微信oleole-zx,一起學(xué)習(xí)。
既然要寫文章,就要有地方可寫。有人用word、有人用石磨文檔、有人用秀米135,從今天起,你可以嘗試用Typora。
這是一款支持Markdown的編輯器,在這個編輯器中,用Markdown編輯語言寫文章。隨著你敲字進編輯器,文章排版后的樣式會直接顯示出來。比如我正在寫這篇文章的樣子:
我并沒有在什么地方選擇字體大小、顏色,設(shè)置行間距,加粗標(biāo)紅,只是用一些簡單的符號放在文字前,就會自動顯示出這種效果,是不是很神奇?!
先別管這是如何實現(xiàn)的,登陸Typora官網(wǎng),下載適合你的電腦的Typora版本,并安裝。
在Typora中,排版樣式是由主題樣式?jīng)Q定的。
我這篇文章的排版樣式,就取決于上圖中Oleole這個主題。在不同的主題背后,是不同的CSS代碼,決定著你的排版樣式。
層疊樣式表(英語:Cascading Style Sheets,簡寫CSS),又稱串樣式列表、級聯(lián)樣式表、串接樣式表、層疊樣式表、階層式樣式表,一種用來為結(jié)構(gòu)化文檔(如HTML文檔或XML應(yīng)用)添加樣式(字體、間距和顏色等)的計算機語言,由W3C定義和維護?!S基百科
簡單來說就是,只要我們創(chuàng)造出或找來一套符合自己審美的CSS代碼,做成Typora的主題樣式,那么我們的文章,就會邊寫邊自動變成我們想要的樣式。
那么如何把CSS代碼做成Typora主題呢?
以本篇文章排版樣式為例,其CSS代碼來源于李笑來老師。步驟如下:
1.復(fù)制這個網(wǎng)頁中的CSS代碼:李笑來的CSS代碼)
2.打開你電腦中的Typora,依次找到并點擊:偏好設(shè)置-通用-打開主題文件夾(我是iOS系統(tǒng),Windows系統(tǒng)應(yīng)該也不難找到,去軟件的根文件夾中找),這是你會看到幾種主題的.css文件;
3.復(fù)制任意一個.css文件,將李笑來的CSS代碼復(fù)制到此文件的副本中,并重新命名為“Oleole”;
4.重新啟動Typora,在新的主題列表中中,就可以看到新的主題“Oleole”了。
5.選擇新主題“Oleole”,從現(xiàn)在開始,你寫文章的過程中就幾乎可以完成排版了,效果跟這篇文章是一樣的哦!
一切準(zhǔn)備就緒,你可以開始撰寫文章內(nèi)容了。
你只需要根據(jù)你的文章內(nèi)容和排版風(fēng)格記住幾種簡單的標(biāo)記語言,拿你正在讀的這篇文章來說,我用到的有:
一級標(biāo)題:文字前加#
三級標(biāo)題:文字前加###
斜體:內(nèi)容前后分別加*
加粗:文字前后分別加**
引用:文字前加>
分割線:換行輸入—-
超鏈接:[鏈接文字] (鏈接網(wǎng)址),實操中去掉 ;
……
可能還有另外一些你會用到的Markdown語言,這里就不再窮舉,請到文末拓展閱讀或自行Google。
建議每種常用樣式都在Typora中試一下,你就會很直觀地看到其顯示過程,能更好地理解Markdown,是挺有意思的一件事。
到這里,你已經(jīng)完成了文章的90%。
揭下來,把你完成的文章復(fù)制到幣乎編輯器,插入配圖,完成發(fā)布即可。
我常用的圖片素材網(wǎng)站是unsplash.com,如果你還想自己動手設(shè)計一些圖片,推薦創(chuàng)客貼。
在沒有開始嘗試的時候,你不會意識到自己正在錯過什么。
就像之前的我,錯過了很久的Markdown排版;而現(xiàn)在對它愛不釋手:因為更方便快捷美觀的排版方式,就連寫文章,動力都好像更足了不少。
不用指望把每一條Markdown標(biāo)記語言都背下來再開始用它寫作,我相信一定有這樣打算的人。
用,是最好的學(xué)。想到就去做,在行動中調(diào)整方向,不失為一種更好的選擇。
文章的最后,我要感謝Alexey、Eleven、呦呦鹿、幣友_187642等讀者朋友,是他們對我的排版表示肯定,給了我更多信心;感謝問我如何搞定排版的新斌、sara、張晨旭、區(qū)塊傭兵等,這篇文章成文離不開他們的推動;感謝賦能懂事局局長金龍老師、吳曉潭博士、吳強兄弟,是他們的文章和指點帶我順利入門Markdown排版。謝謝!
聯(lián)系客服