【九日教程】手把手教你30秒搞定币乎文章排版

这是一篇迟到的教程。在我前段时间第一次尝试用Markdown排版文章后，没想到立马收到了好几位小伙伴的留言，“排版很漂亮”；还有人专门私信我问是怎么做到的。当时就决定写一篇文章讲一讲Markdown排版，但因故到今天才真正成文。非常抱歉，话不多说，我们开始吧。

一、每次写文章，你要花多长时间在排版上？

以前，我在公众号的文章基本都是用秀米编辑器排版，我收藏了一些自己喜欢的样式，先写内容，再刷格式，每次排版耗时10-20分钟；

现在，我用Markdown排版币乎和公众号的文章已经半个月左右，边写文章，边输入简单的标记语言，成文后直接复制或一健渲染，加上添加图片，排版耗时几乎可以短到忽略不计。

可能有些人一看到“Markdown”这个字眼，就没有了继续读下去的兴趣，或者先把文章收藏，打算等以后有整块时间的时候再研究学习。

我非常能理解，因为我就是这样错过了无数次学会Markdown的机会，从而浪费了太多无谓的花在排版上的时间。

当我真正花了那么一点点时间学过用过才发现，用Markdown排版，绝对能达到我的要求，而且真的非常简单、高效和节省时间。

所以如果你也像我一样是这样的人，墙裂建议你学会Markdown排版：

持续写作者；

对文章排版有要求的人；

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

不想花费太多时间在排版上的人；

……

当然还有很重要的一点，认为这篇文章的排版好看的人。^_

二、Markdown教程那么多，这篇有什么不一样？

谷歌搜索“Markdown”，找到约5,800,000条结果，第一页中除去百科相关词条，有超过五条是Markdown语法或教程。币乎上也有不少作者写过Markdown相关的文章，记得有一期日旦评的热词云图里，Markdown还是关键词之一。

既然已经有了这么多Markdown教程，我为什么还要写？

因为在有人问我如何Markdown排版时，我没找到一篇容易上手的文章，可以让我直接发给他就足够。

很多教程写的很棒，但大都是先讲什么是Markdown、再讲有哪些Markdown工具，很多时候都需要看多篇文章才能从头到尾完成一篇文章的Markdown排版。

我觉得还可以更直接。

所以这篇文章，是一篇手把手教程，如果你想学Markdown排版，大可按照这篇文章的步骤操作一次。这次之后，你就可以做到形成自己固定的排版样式、排版时间可以短到忽略不计、提取未来大量时间和注意力。简直不要太赞。

三、干货来了：手把手教你完成一篇币乎文章排版

一步步按照我所写操作即可，不明白或卡住可以给我留言或添加微信oleole-zx，一起学习。

1.下载编辑器Typora

既然要写文章，就要有地方可写。有人用word、有人用石磨文档、有人用秀米135，从今天起，你可以尝试用Typora。

这是一款支持Markdown的编辑器，在这个编辑器中，用Markdown编辑语言写文章。随着你敲字进编辑器，文章排版后的样式会直接显示出来。比如我正在写这篇文章的样子：

image

我并没有在什么地方选择字体大小、颜色，设置行间距，加粗标红，只是用一些简单的符号放在文字前，就会自动显示出这种效果，是不是很神奇？！

先别管这是如何实现的，登陆Typora官网，下载适合你的电脑的Typora版本，并安装。

2.设置排版样式

在Typora中，排版样式是由主题样式决定的。

image

我这篇文章的排版样式，就取决于上图中Oleole这个主题。在不同的主题背后，是不同的CSS代码，决定着你的排版样式。

层叠样式表（英语：Cascading Style Sheets，简写CSS），又称串样式列表、级联样式表、串接样式表、层叠样式表、階層式樣式表，一种用来为结构化文档（如HTML文档或XML应用）添加样式（字体、间距和颜色等）的计算机语言，由W3C定义和维护。——维基百科

简单来说就是，只要我们创造出或找来一套符合自己审美的CSS代码，做成Typora的主题样式，那么我们的文章，就会边写边自动变成我们想要的样式。

那么如何把CSS代码做成Typora主题呢？

以本篇文章排版样式为例，其CSS代码来源于李笑来老师。步骤如下：

1.复制这个网页中的CSS代码：李笑来的CSS代码)

2.打开你电脑中的Typora，依次找到并点击：偏好设置-通用-打开主题文件夹（我是iOS系统，Windows系统应该也不难找到，去软件的根文件夹中找），这是你会看到几种主题的.css文件；

3.复制任意一个.css文件，将李笑来的CSS代码复制到此文件的副本中，并重新命名为“Oleole”；

4.重新启动Typora，在新的主题列表中中，就可以看到新的主题“Oleole”了。

5.选择新主题“Oleole”，从现在开始，你写文章的过程中就几乎可以完成排版了，效果跟这篇文章是一样的哦！

3.在Typora中用Markdown语言写文章

一切准备就绪，你可以开始撰写文章内容了。

你只需要根据你的文章内容和排版风格记住几种简单的标记语言，拿你正在读的这篇文章来说，我用到的有：

一级标题：文字前加#

三级标题：文字前加###

斜体：内容前后分别加*

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

引用：文字前加>

分割线：换行输入—-

超链接：[链接文字] (链接网址)，实操中去掉 ；

……

可能还有另外一些你会用到的Markdown语言，这里就不再穷举，请到文末拓展阅读或自行Google。

建议每种常用样式都在Typora中试一下，你就会很直观地看到其显示过程，能更好地理解Markdown，是挺有意思的一件事。

4.插入图片，完成排版

到这里，你已经完成了文章的90%。

揭下来，把你完成的文章复制到币乎编辑器，插入配图，完成发布即可。

我常用的图片素材网站是unsplash.com，如果你还想自己动手设计一些图片，推荐创客贴。

四、最重要的是：去做

在没有开始尝试的时候，你不会意识到自己正在错过什么。

就像之前的我，错过了很久的Markdown排版；而现在对它爱不释手：因为更方便快捷美观的排版方式，就连写文章，动力都好像更足了不少。

不用指望把每一条Markdown标记语言都背下来再开始用它写作，我相信一定有这样打算的人。

用，是最好的学。想到就去做，在行动中调整方向，不失为一种更好的选择。

文章的最后，我要感谢Alexey、Eleven、呦呦鹿、币友_187642等读者朋友，是他们对我的排版表示肯定，给了我更多信心；感谢问我如何搞定排版的新斌、sara、张晨旭、区块佣兵等，这篇文章成文离不开他们的推动；感谢赋能懂事局局长金龙老师、吴晓潭博士、吴强兄弟，是他们的文章和指点带我顺利入门Markdown排版。谢谢！