查看原文
其他

用Typora实现写作排版一体化

潦草学者 不苟活日记 2021-11-14

用Typora实现写作排版一体化


一般的推文制作过程,大概都是在本地word写好文案以后,再导入到第三方的推文编辑器中进行排版。最后再黏贴到微信的图文素材编辑器里生成图文发布。

经常看到许多公众号文章充满花里胡哨的元素,大概都是因为使用了推文编辑器里自带的模板功能。

我对审美的追求比较倾向简约之美,从来都是嫌弃这类模板的。所以我的公众号风格也非常简单:

公众号的主题色是:黑白(#b80000)
正文使用15号字体,标题使用16号粗体。字体不做修改。两端缩进8px。需要强调的内容会标记为粗体,或是暗红色。


也正是因为这种排版的简约,让我可以直接把写作和排版放在一起同时进行,实现排版自动化。

以前的推文工作流

以前,我会在幕布大致讲文章的大纲梳理好,然后在本地创建一个word进行写作。把文字内容码好后,整段复制到秀米编辑器里,逐字逐段排版。如果需要使用到图片,一般都是导入自己精心挑选的好图。或是在ps中稍作加工再导入。

幕布是在线一个思维导图工具,使用思维导图来代替过去在草稿纸上写大纲;
秀米编辑器是流行的公众号浏览器里我最喜欢的一款,我的第一篇推文真是用它创作出来的。

而在掌握了markdown写作方式后,处理日常事务,我很少再打开word进行写作。markdown的写作方式实在太舒服了。

markdown写作方式

markdown语言是一个非常轻量级的标记语言,通过对文字进行一些标记,使其达到一些标准化样式(样式见下图)。非常简单易上手,任何人都可以在一小时内学会使用markdown。

(左边为markdown格式,右边为实际显示效果)
如图,markdown中的样式,天生就是为了写作设计的。
  1. 写作前往往都需要列大纲,大纲是文章的框架,而markdown的多级标题,天生就是为大纲的树形结构设计的。

  2. 写作中经常使用的样式(除了调节颜色),都可以通过markdown实现。


markdown的价值在于
让写作更加标准化,人们不再需要像使用word一样去考虑文章的排版,字体的大小和样式,从而更专注于写作。

Typora

而在Windows平台,最好的markdown编辑器当属Typora。

相对于其他的markdown编程器,Typora的优势在于:
  1. 所见即所得,不需要区分代码和文字;

  2. 操作便捷,界面简约清爽;

  3. 支持使用css修改markdown的样式


想要更好地了解Typora的同学也可以看看少数派的这篇文章
https://sspai.com/post/54912


通过typora主题,实现推文自动排版

Typora的主题本质上是一份css文件,我们可以通过定制一个符合直接公众号排版风格的css文件,直接在typora上完成90%的排版工作。


先解释:markdown,html&css

在此之前,要简单解释一下markdown、html和css的关系:
html语言是一切网页代码的基础,所有网页的基础架构都是使用html语言编写的。
css语言则是负责定义html中的每一个元素的颜色,大小等样式。
可以理解为html就是基础的毛坯房,而css则是给房子的装修。

而markdown是人们基于html定义的一套标记。
markdown与html之间有着对应关系:


定制自己的typora主题

于是在我们掌握css代码后,可以自己定制自己想要的风格。
由于对css的掌握程度有限,我直接在网上搜索到一个比较符合我审美的css文件,进行了一点调整,改成我的公众号风格。

图片的特殊处理

需要注意的是,由于放到typora中的图片,typora只是读取了本地文件链接。真要放到网上,发布到公众号的话,图片需要上传到服务器,生成一个url链接。
这一步typora是无法直接完成的,需要借用第三方图床工具。由于图床工具的配置比较麻烦,我在此不再介绍,感兴趣的同学可以看看这篇文章
https://blog.csdn.net/weixin_43662543/article/details/104591216

现在的推文工作流

现在,我只需要在typora里选择我调好的主题。
写作过程中自然而然地使用markdown标记语言对文章中的标题,粗体等进行标记,完成写作的同时就可以直接完成大部分排版工作。
复制所有内容到公众号的图文编辑器后,只需要将整体文章两端缩进8px,再将需要高亮的文字调成红色,排版工作就完成了。
这种一体化的写作方式,节省了去思考如何排版的时间。

(使用typora写作本篇文章的效果)


结束,喜欢的话可以点个在看。


: . Video Mini Program Like ,轻点两下取消赞 Wow ,轻点两下取消在看

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存