百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

写作排版简单三步就行-工具篇_作文排版模板

yuyutoo 2025-02-21 16:01 1 浏览 0 评论

和我们工作中日常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.打开“头条号”

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

相关推荐

史上最全的浏览器兼容性问题和解决方案

微信ID:WEB_wysj(点击关注)◎◎◎◎◎◎◎◎◎一┳═┻︻▄(页底留言开放,欢迎来吐槽)●●●...

平面设计基础知识_平面设计基础知识实验收获与总结
平面设计基础知识_平面设计基础知识实验收获与总结

CSS构造颜色,背景与图像1.使用span更好的控制文本中局部区域的文本:文本;2.使用display属性提供区块转变:display:inline(是内联的...

2025-02-21 16:01 yuyutoo

写作排版简单三步就行-工具篇_作文排版模板

和我们工作中日常word排版内部交流不同,这篇教程介绍的写作排版主要是用于“微信公众号、头条号”网络展示。写作展现的是我的思考,排版是让写作在网格上更好地展现。在写作上花费时间是有累积复利优势的,在排...

写一个2048的游戏_2048小游戏功能实现

1.创建HTML文件1.打开一个文本编辑器,例如Notepad++、SublimeText、VisualStudioCode等。2.将以下HTML代码复制并粘贴到文本编辑器中:html...

今天你穿“短袖”了吗?青岛最高23℃!接下来几天气温更刺激……

  最近的天气暖和得让很多小伙伴们喊“热”!!!  昨天的气温到底升得有多高呢?你家有没有榜上有名?...

CSS不规则卡片,纯CSS制作优惠券样式,CSS实现锯齿样式

之前也有写过CSS优惠券样式《CSS3径向渐变实现优惠券波浪造型》,这次再来温习一遍,并且将更为详细的讲解,从布局到具体样式说明,最后定义CSS变量,自定义主题颜色。布局...

柠檬科技肖勃飞:大数据风控助力信用社会建设

...

你的自我界限够强大吗?_你的自我界限够强大吗英文

我的结果:A、该设立新的界限...

行内元素与块级元素,以及区别_行内元素和块级元素有什么区别?

行内元素与块级元素首先,CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,分别为块级(block)、行内(inline)。块级元素:(以下列举比较常...

让“成都速度”跑得潇潇洒洒,地上地下共享轨交繁华
让“成都速度”跑得潇潇洒洒,地上地下共享轨交繁华

去年的两会期间,习近平总书记在参加人大会议四川代表团审议时,对治蜀兴川提出了明确要求,指明了前行方向,并带来了“祝四川人民的生活越来越安逸”的美好祝福。又是一年...

2025-02-21 16:00 yuyutoo

今年国家综合性消防救援队伍计划招录消防员15000名

记者24日从应急管理部获悉,国家综合性消防救援队伍2023年消防员招录工作已正式启动。今年共计划招录消防员15000名,其中高校应届毕业生5000名、退役士兵5000名、社会青年5000名。本次招录的...

一起盘点最新 Chrome v133 的5大主流特性 ?

1.CSS的高级attr()方法CSSattr()函数是CSSLevel5中用于检索DOM元素的属性值并将其用于CSS属性值,类似于var()函数替换自定义属性值的方式。...

竞走团体世锦赛5月太仓举行 世界冠军杨家玉担任形象大使

style="text-align:center;"data-mce-style="text-align:...

学物理能做什么?_学物理能做什么 卢昌海

作者:曹则贤中国科学院物理研究所原标题:《物理学:ASourceofPowerforMan》在2006年中央电视台《对话》栏目的某期节目中,主持人问过我一个的问题:“学物理的人,如果日后不...

你不知道的关于这只眯眼兔的6个小秘密
你不知道的关于这只眯眼兔的6个小秘密

在你们忙着给熊本君做表情包的时候,要知道,最先在网络上引起轰动的可是这只脸上只有两条缝的兔子——兔斯基。今年,它更是迎来了自己的10岁生日。①关于德艺双馨“老艺...

2025-02-21 16:00 yuyutoo

取消回复欢迎 发表评论: