type
status
date
slug
summary
tags
category
icon
password
platform
公众号文章排版自动化
需要几个组件?
- Markdown
- Typora
- 图床
- CSS
公众号文章写作时的基本需求
- 多级标题
- 突出:粗体和红色(#b80000)
markdown
标记语言
markdown的基本语法
为什么markdown?
- 所有的写作都是树形结构的
- 省去了编写层级
- 满足基本的样式
Typora
markdown编辑器
Windows端最好的markdown编辑器
为什么?支持通过CSS来改变样式。
CSS
web前段语言之一
只要用于改变样式
typora内置了几种样式
google搜索:“typora中文样式”
图床
上传图片到typora后,直接把它变成链接,可以直接直接粘贴到微信公众号编辑器我是红色可以继续写的吧
写完之后直接粘贴到微信公众号编辑器即可
正文:
用Typora实现写作排版一体化
一般的推文制作过程,大概都是在本地word写好文案以后,再导入到第三方的推文编辑器中进行排版。最后再黏贴到微信的图文素材编辑器里生成图文发布。
经常看到许多公众号文章充满花里胡哨的元素,大概都是因为使用了推文编辑器里自带的模板功能。
而我对审美的追求比较倾向简约之美,从来都是嫌弃这类模板的。所以我的公众号风格也非常简单:
公众号的主题色是:黑白红(#b80000)
正文使用15号字体,标题使用16号粗体。字体不做修改。两端缩进8px。需要强调的内容会标记为粗体,或是暗红色
也正是因为这种排版的简约,让我可以直接把写作和排版放在一起同时进行,实现排版自动化。
以前,我会在幕布大致讲文章的大纲梳理好,然后在本地创建一个word进行写作。把文字内容码好后,整段复制到秀米编辑器里,逐字逐段排版。如果需要使用到图片,一般都是导入自己精心挑选的好图。或是在ps中稍作加工再导入。
幕布是在线一个思维导图工具,使用思维导图来代替过去在草稿纸上写大纲;秀米编辑器是流行的公众号浏览器里我最喜欢的一款,我的第一篇推文真是用它创作出来的。
在掌握了markdown写作方式后,处理日常事务,我很少再打开word进行写作。markdown的写作方式实在太舒服了。
markdown写作方式
markdown语言是一个非常轻量级的标记语言,通过对文字进行一些标记,使其达到一些标准化样式(样式见下图)。非常简单易上手,任何人都可以在一小时内学会使用markdown。
如图,markdown中的样式,天生就是为了写作设计的。
- 写作前往往都需要列大纲,大纲是文章的框架,而markdown的多级标题,天生就是为大纲的树形结构设计的。
- 写作中经常使用的样式(除了调节颜色),都可以通过markdown实现。
markdown的价值在于,让写作更加标准化,人们不再需要像使用word一样去考虑文章的排版,字体的大小和样式,从而更专注于写作。
markdown,html和css的关系。
html语言是一切网页代码的基础,我们看到的所有网页的基础架构都是使用html语言编写的。而css语言则是负责定义html中的每一个元素的颜色,大小等样式。
我们可以理解为html就是基础的毛坯房,而css则是给房子的装修。
而markdown是人们基于html定义的一套便捷的标记,markdown与html之间有着对应关系。
Typora
而在Windows平台,最好的markdown编辑器当属Typora
相对于其他的markdown编程器,Typora的优势在标准于:
- 所见即所得,不需要区分代码和文字;
- 操作便捷,即便忘了标记语言,也可以用markdown创作;
- 支持使用css修改markdown的样式
想要更好地了解Typora的同学也可以看看少数派的这篇文章
通过typora主题,实现自动化排版
Typora的主题本质上是一份css文件,我们可以通过定制一个符合直接公众号排版风格的css文件,直接在typora上完成90%的排版工作。
由于学术不精,我就直接在网上搜索了一个比较符合我审美的css文件,进行了一点修改,改成我的公众号风格。
图片的特殊处理
需要注意的是,由于放到typora中的图片,typora只是读取了本地文件。真的要放到网上,发布到公众号的话,图片需要上传到服务器,生成一个url链接。
这一步typora是无法直接完成的,需要借用第三方图床工具。由于图床工具的配置比较麻烦,我在此不再介绍,感兴趣的同学可以看看这篇文章。
推文工作流
现在,我只需要在typora里选择我调好的主题。
大方地开始写作,使用markdown标记语言对文章中的标题,粗体,甚至是超链接进行标记,就可以直接完成排版。
复制所有内容到公众号的图文编辑器后,只需要将整体文章两端缩进8px,再将需要高亮的文字调成红色,排版工作就完成了。
这种一体化的写作方式,节省了去思考如何排版的时间。