和我们工作中日常word排版内部交流不同，这篇教程介绍的写作排版主要是用于“微信公众号、头条号”网络展示。

写作展现的是我的思考，排版是让写作在网格上更好地展现。在写作上花费时间是有累积复利优势的，在排版上花费时间是无积累的，过多就是“浪费”。

因此如何在排版上更少的花费时间是我们的目的。

今天我所介绍的排版“三个标记、一个网页、一个复制”三步，已经可以简单、清楚地展示你的写作了。

“最伟大的真理最简单；同样，最简单的人也最伟大。”——黑格尔

第一步：写作时只要会用“#、*、>”标记就够了

不管使用任何文本编辑工具写作，输入的过程中学会使用三个标记：#、*、>，就可以解决标题、加粗、引用这三个常用的标识。

下面这个图，左面黑色的框架就是我们正常编辑写作的样子，右面白色的框架是程序自动排版的效果：

1.“#”

新的一段，在“#”标识后输入的是你的标题，输入几个#号，就代表几级标题，注意一共六级标题。

下面是具体展示：

2.“*”

在文字段落的任何地方，对你想加粗的文字两边输入两个*号，就达到了标识的效果。

比如：

3.“>“

金句、名人名言……等引用的语言需要特别标注 ，这只需要在段落前加一个标识“>”。

史蒂芬·平克说:“写作之难,在于把网状的思考,用树状结构,体现在线性展开的语句里。”

读书践行者说：“今天开始写，先写一年。”

你可能会说我还需要序号、斜体……等格式。再次提醒你，我们要求的是简单，其他的标记，如果你真需要请搜索“markdown排版”。

但是我想说，你真的不需要。

第二步：用这个网页小程序排版，自动

一、初次使用

1.打开这个网址http://md.aclickall.com/

这个程序是“颜家大少”开发的一个在线的Markdown转换工具。

2.点击上图中间的“一键排版”

在左上角：排版样式选择，在下拉菜单里选择“最爱样式“。

进入排版格式编程。

3.复制以下编程内容

这是李笑来老师的排版，早在2016年就免费公开在 GitHub 上了。整体风格比较简约，保留了排版的最少必要内容，是一个优质的模板！

代码如下：

.markdown-here-wrapper {
  font-size: 16px;
  line-height: 1.8em;
  letter-spacing: 0.1em;
}


pre, code {
  font-size: 14px;
  font-family: Roboto, 'Courier New', Consolas, Inconsolata, Courier, monospace;
  margin: auto 5px;
}

code {
  white-space: pre-wrap;
  border-radius: 2px;
  display: inline;
}

pre {
  font-size: 15px;
  line-height: 1.4em;
  display: block; !important;
}

pre code {
  white-space: pre;
  overflow: auto;
  border-radius: 3px;
  padding: 1px 1px;
  display: block !important;
}

strong, b{
  color: #BF360C;
}

em, i {
  color: #009688;
}

hr {
  border: 1px solid #BF360C;
  margin: 1.5em auto;
}

p {
  margin: 1.5em 5px !important;
}

table, pre, dl, blockquote, q, ul, ol {
  margin: 10px 5px;
}

ul, ol {
  padding-left: 15px;
}

li {
  margin: 10px;
}

li p {
  margin: 10px 0 !important;
}

ul ul, ul ol, ol ul, ol ol {
  margin: 0;
  padding-left: 10px;
}

ul {
  list-style-type: circle;
}

dl {
  padding: 0;
}

dl dt {
  font-size: 1em;
  font-weight: bold;
  font-style: italic;
}

dl dd {
  margin: 0 0 10px;
  padding: 0 10px;
}

blockquote, q {
  border-left: 2px solid #009688;
  padding: 0 10px;
  color: #777;
  quotes: none;
  margin-left: 1em;
}

blockquote::before, blockquote::after, q::before, q::after {
  content: none;
}

h1, h2, h3, h4, h5, h6 {
  margin: 20px 0 10px;
  padding: 0;
  font-style: bold !important;
  color: #009688 !important;
  text-align: center !important;
  margin: 1.5em 5px !important;
  padding: 0.5em 1em !important;
}

h1 {
  font-size: 24px !important;
  border-bottom: 1px solid #ddd !important;
}

h2 {
  font-size: 20px !important;
  border-bottom: 1px solid #eee !important;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 16px;
}


table {
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  font: inherit;
  border: 0;
  margin: 0 auto;
}

tbody {
  margin: 0;
  padding: 0;
  border: 0;
}

table tr {
  border: 0;
  border-top: 1px solid #CCC;
  background-color: white;
  margin: 0;
  padding: 0;
}

table tr:nth-child(2n) {
  background-color: #F8F8F8;
}

table tr th, table tr td {
  font-size: 16px;
  border: 1px solid #CCC;
  margin: 0;
  padding: 5px 10px;
}

table tr th {
  font-weight: bold;
  color: #eee;
  border: 1px solid #009688;
  background-color: #009688;
}

注意：大家把编程内容复制到最爱样式里后，一定要点击浏览器屏幕左下方的“保存”按钮。

4.点击“编辑”按钮

没错，就是该网页左侧上部那个铅笔的图标

然后复制你写作的文章到左面的黑色编辑框内，或者可以直接在这个网页的黑色编辑框直接开始写作。在右侧的白色排版框里自动进行排版。

注意你刚才复制的编程内容，以及你编辑的写作内容都保存在本地电脑的缓存里，如果更换电脑需要重复以上步骤。

二、日常操作

如果你已经初次按照以上内容操作完毕，下一次直接点击“编辑”按钮，直接操作即可。

第三步 点击复制，然后在微信头条号里复制

1.点击“复制”按钮

2.打开微信公众号平台

在空白处右键选择“粘贴”，即可。

or3.打开“头条号”

如果你是在头条号里发布，复制黏贴后，头条号会自动调整为统一的排版，也不需要在调整