之前写过一篇关于微信官方账号排版的文章,介绍了工具和方法,对新手没有实际意义。
这个比较实用,跟着做就可以实现一键排版。
一、原理:用markdown标记语言写文章,用CSS样式表格式化文章,用chrome+markdownhere插件完成一键排版。
工具首先,让我谈谈我使用的工具:
1.chrome浏览器,有各种好用的插件。
使用chrome在微信官方账号网页后台编辑文章,直接将降价格式的文章粘贴到编辑区,点击降价插件完成一键排版。
2.markdownhere插件,可以通过CSS样式表完成markdown格式文章的一键排版。
https://markdown-here.com/get.html。
这是下载地址,可能需要“天梯”~。
安装后,打开标记此处选项,并在红色框区域编辑样式,以调整文章的样式。
为了方便你快速入门,回复一下这个微信官方账号后台的“样式表”,就可以得到我文章的排版风格了。
下载完CSS文件,把内容填在图片的红框里,就可以使用了。
3.iPic画床工具。
安装这个工具后,只需要在电脑上拷贝和剪切图片,就可以在iPic上自动上传云图形床。
点击上传的图片自动复制图片地址,直接插入文章使用,如下图:

等你习惯了这种用图方式,一定会放下的。
IPic是mac软件,可以直接从AppStore下载。
如果您可以在windows系统上使用Fu,请在此下载:
https://github.com/klesh/fu/releases。
4.标记编辑工具不是必需的,但是记事本和word文档可以用于书写。
我用的是Atom这种高级编程工具,可以安装各种降价标记插件,使用方便。
移动终端可以考虑使用锤子注释(免费)或Dayone(收费),两者都支持降价标记。
在移动终端上写文章还有一个神器——语音输入法。安卓手机可以使用科大讯飞语音输入法。
苹果直接用自己的输入法,点击右下角的小麦克风直接输入语音。
这个技能一旦开启,真的停不下来。我让我六岁的儿子用语音输入法写日记。
简单的降价元素不需要特别的练习,只要记住下面的符号就可以了。
1.标题,#。
经常写导航词,对标题也不陌生。markdown使用#符号表示标题。
代码:
#一级标题##二级标题。
效果:
一级标题二级标题在我的文章里基本都是用的。
2、加粗,**文字**
移动阅读时代,每个人都是把整个屏幕翻过来,用黑色突出内容,可以提升阅读体验,方便用户。
代码:
重要的是要移动和阅读**并突出**要点。
效果:
重点突出动念重点很重要。
3.参考,>。
有时候,我们引用一些名言,可以用来突出。
像这样:
>这是最好的时候,也是最坏的时候。
效果:
这是最好的时候,也是最坏的时候。
4.列表,-
请购单和任务项目的常用列表。
代码:
-工具-标记语言-模仿风格。
效果:
工具。
减价语言。
模仿风格。
5.分隔线,-
如何快速画线?你只需要三条中线。
代码:
-这是一条线。
效果:
这是一条线。
排版风格采用本文介绍的方法,作者只需专心写文章。
排版到CSS样式表。
工具中引入的Markdownhere可以使用预设的CSS样式一键排版文章。
具体方法是:
1.安装chrome浏览器和markdownhere插件。
2.打开标记此处选项,并修改基本渲染CSS。
3.在微信官方账号文章的编辑页面上,粘贴标记格式的文章,点击chrome浏览器上的标记下拉插件图标,完成排版。
三步完成微信官方账号排版。
介绍几个关键环节:
1.文章风格的CSS文件。
这是整个排版风格的核心,所有的风格都是通过修改CSS代码来调整的。
不了解CSS也没关系。我从抄袭别人的开始。
背景回复:“样式表”,可以先用我的。
我要感谢李笑来老师从他那里复制了基本的CSS样式,然后自己修改。
2.文章的整体风格。
通过修改CSS文件中的具体参数来修改文章样式。
。markdown-here-wrapper{font-size:16px;字号行高:1.8em行距字母间距:0.05em单词间距填充:08px文章颜色边距:#888888;!重要;整体文本颜色}该代码是一个全局设置。
一开始很难修改适合自己审美的风格。
我是从抄袭好看文章的风格开始的。
在此,感谢姜虎虎老师的大胡子老师。我的CSS风格是抄袭他的文章风格。
很有艺术感。
门户来了:大胡子的排版技巧。
3.如何复制样式?
前两种技术中都提到了Copy,所以这里详细介绍一下如何打磨你的CSS样式表。
核心思想是先模仿再实践,这就是学习。
我们仍然需要我们最好的合作伙伴chrome浏览器。
先找一篇喜欢的微信官方账号文章,用chrome浏览器打开。
我们将使用开发人员工具来挖掘文章的风格,并在更多工具中打开它。
单击左上角的鼠标按钮,然后选择要查看样式的区域。
我就以文字的颜色为例。
点击文本区域,可以看到使用的颜色是#888888。
看下面的红色区域,这是本文的CSS样式。将内部参数复制到您自己的样式表中。
4.简单的CSS样式修改。
自动环绕图片,称之为阴影:
img{text-align:center!重要;中心边框-半径:9px圆角盒-盒-影:#AAAA0em0em1em0px;阴影可见性:可见!重要;宽度:677px!重要;固定宽度高度:自动!重要;高度自动化}
调整粗体和斜体的字体颜色:
strong,b{color:#010101;}em,I{color:#010101;}
调整标题样式:
h1,h2,h3,h4,h5,h6{margin:20px010px;行距填充:08px边距字体样式:粗体!重要;标题加粗颜色:#1e1c1c!重要;文本对齐:向左!重要;与左边距对齐-顶部:1.5em5px!重要;段前边距-底距:1.5em3px!重要;线段后面的距离}
一键排版之前会做的都是准备工作,一两个小时基本就能掌握。
实际排版其实很简单,只有3秒。
1.用chrome登录微信官方账号。
2.把用markdown格式写的文章粘贴到微信官方账号后台。
3.单击浏览器上的标记。