和我们工作中日常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.打开“头条号”
如果你是在头条号里发布,复制黏贴后,头条号会自动调整为统一的排版,也不需要在调整