如何排版微信公众平台的文章?

发表于 讨论求助 2021-11-15 15:00:08


舵主有话

微信公众平台的图文编辑能力个人觉得就是一超级大BUG,但是还是看到不少图文消息的排版十分美观,他们是如何做到的?


出品 | 策划总舵(ID:cehuazongduo)

作者 |嗜血

本文为策划总舵原创出品,转载请后台留言

关于微信文章的排版,不客气的说,我的 MacTalk 曾经被无情的赞美过,很多人在策划总舵群问过我写作工具和排版方式、字体等诸多问题,在这回复一篇,也算回应。

先说说 Day One

我使用 Day One 进行微信文章创作,纯文本写作,版式采用 Markdown 语法控制。

很多程序员都有纯文本情节,我也不例外。除非必要,我所有的文档基本上都以纯文本的形式存放。Day One 就是一款纯文本、支持 Markdown 语法的日志类软件。

最初发现这款软件的时候,我发现这货几乎是为微信写作而生,界面优雅,功能简约,支持每日写作,一日多条,日历,时间轴,地图信息和日期管理,文章配图,多终端(OS X 和 iOS),iCloud 或 Dropbox 云同步,搜索,标签,PDF 导出……等等。


最重要的是,支持 Markdown!当我发现了这个 App 之后,我想,微信写作就是它了。


这个软件68块,去 Mac App Store 购买即可。我是2013年上半年购买的,我想它为我带来的回报何止成百上千倍。所以,我在微信、书中有机会就会推荐一下,也推荐给很多好朋友使用。是开发者,都不容易。另外,如果读者中有 Day One 公司的,告诉他们一声,拖欠的稿费不用付了,谢谢。

再说说 Markdown

Markdown既不是工具也不是程序语言,而是一种轻量级的「标记语言」,是由约翰·格鲁伯(John Gruber)和亚伦·斯沃茨(Aaron Swartz)创建的。它允许人们使用纯文本格式编写文档,然后根据其中的标记转换成有效的XHTML(常用的就是HTML)文档。


理解了这一点,我们就知道,支持 Markdonw 语法的写作软件至少有两种模式,一种是写作模式,一种是预览模式,在 Day One 中可以通过 command + 回车进行模式切换。预览模式会把你写的文字和标记解析成对应的 HTML,其中的版式效果通过软件内置的 CSS 进行渲染。


Markdown 的标记语法非常简单,如果你想好好学学,可以去 Google 一下,,如果你觉得够用就好,看下一节吧。

最后是干货

我说说自己的做法,以下内容采用了「甭废话有事说事」模式,欢迎品鉴:

1、采用 Day One 进行微信创作。
2、字体选用 18 pt,在手机显示效果最佳。字体使用了Avenir,纯属个人喜好。
3、在 Day One 中文章第一行默认加黑为标题,不想要标题第一行空着即可。在标准 Markdown 里用一个或多个「#」和一个空格来设置各种大小标题,例如 「## 哈哈」,放在行首。
4、段首不留空格,我自己的习惯,留空格令人发指和抓狂。
5、标准 Markdown 的分段用回车两次(空一行)的方式,在 Day One 里回车一次或两次都可以,只不过换行的行距不同,大家可以在我的文章里看到。
6、引用文字使用「>」,文本最前面会出现竖线,表示该段文字是强调或引用。
7、如下操作可以实现绿色标题和下划线的效果:#### 示例(放在行首)。
8、由于微信的编辑器对列表和代码的支持非常差,所以我一般就用1、2、3、4的写法,没有用 Markdown 的标准列表写法。也很少贴代码,很麻烦。
9、Markdown 里加链接也很容易,不过微信的图文消息不支持文中外链,只能呵呵了。
10、使用三个星号(***,单独放在行首),可以实现我常用的那条若隐若现的性感分割线
11、写作过程中使用 command+回车进行模式切换,调整版式效果。
12、写作完成之后,通读一遍,检查版式和错别字。但是,有时候这一点是徒劳的,因为你左看右看上看下看原來每个字都不简单,怎么看都像是一篇完美的文章,衰。
13、用 Safari 打开微信的素材管理编辑器,把预览模式下的文字复制进去,略做调整,如果有时间还可以发给自己的手机看看效果,没时间就直接发送了事。
14、一篇美好的文章就推送给读者了,然后你就可以想象读者看到你的文章后那种热切和缠绵……这当然是YY。

Markdown入门指南


Markdown 是一种轻量级的「标记语言」,它的优点很多,目前也被越来越多的写作爱好者,撰稿者广泛使用。看到这里请不要被「标记」「语言」所迷惑,Markdown 的语法十分简单。常用的标记符号也不超过十个,这种相对于更为复杂的 HTML 标记语言来说,Markdown 可谓是十分轻量的,学习成本也不需要太多,且一旦熟悉这种语法规则,会有一劳永逸的效果。


Ulysses for Mac

一,认识 Markdown

在刚才的导语里提到,Markdown 是一种用来写作的轻量级「标记语言」,它用简洁的语法代替排版,而不像一般我们用的字处理软件 WordPages 有大量的排版、字体设置。它使我们专心于码字,用「标记」语法,来代替常见的排版格式。例如此文从内容到格式,甚至插图,键盘就可以通通搞定了。目前来看,支持 Markdown 语法的编辑器有很多,包括很多网站也支持了 Markdown 的文字录入。Markdown 从写作到完成,导出格式随心所欲,你可以导出 HTML 格式的文件用来网站发布,也可以十分方便的导出 PDF 格式,这种格式写出的简历更能得到 HR 的好感。甚至可以利用 CloudApp 这种云服务工具直接上传至网页用来分享你的文章,全球最大的轻博客平台 Tumblr,也支持 Mou 这类 Markdown 工具的直接上传。

使用 Markdown 的优点

  • 专注你的文字内容而不是排版样式,安心写作。

  • 轻松的导出 HTML、PDF 和本身的 .md 文件。

  • 纯文本内容,兼容所有的文本编辑器与字处理软件。

  • 随时修改你的文章版本,不必像字处理软件生成若干文件版本导致混乱。

  • 可读、直观、学习成本低。

使用 Markdown 的误区

We believe that writing is about content, about what you want to say – not about fancy formatting.
我们坚信写作写的是内容,所思所想,而不是花样格式。
Ulysses for Mac

  • Markdown 旨在简洁、高效,也由于 Markdown 的易读易写,人们用不同的编程语言实现了多个版本的解析器和生成器,这就导致了目前不同的 Markdown 工具集成了不同的功能(基础功能大致相同),例如流程图与时序图,复杂表格与复杂公式的呈现,虽然功能的丰富并没有什么本质的缺点,但终归有些背离初衷,何况在编写的过程中很费神,不如使用专业的工具撰写来的更有效率,所以如果你需实现复杂功能,专业的图形界面工具会更加方便。当然,如果你对折腾这些不同客户端对 Markdown 的定制所带来高阶功能感到愉悦的话,那也是无可厚非的。


flowchart.js on Github(使用 Markdown 绘制流程图)

二,Markdown 语法的简要规则

标题


标题是每篇文章都需要也是最常用的格式,在 Markdown 中,如果一段文字被定义为标题,只要在这段文字前加 #即可。

# 一级标题

## 二级标题

### 三级标题

以此类推,总共六级标题,建议在井号后加一个空格,这是最标准的 Markdown 语法。

列表

熟悉 HTML 的同学肯定知道有序列表与无序列表的区别,在 Markdown 下,列表的显示只需要在文字前加上 -* 即可变为无序列表,有序列表则直接在文字前加1. 2. 3. 符号要和文字之间加上一个字符的空格。


引用

如果你需要引用一小段别处的句子,那么就要用引用的格式。

例如这样

只需要在文本前加入 > 这种尖括号(大于号)即可


图片与链接

插入链接与插入图片的语法很像,区别在一个 !

图片为:![](){ImgCap}{/ImgCap}

链接为:[]()

插入图片的地址需要图床,这里推荐围脖图床修复计划CloudApp 的服务,生成URL地址即可。


粗体与斜体

Markdown 的粗体和斜体也非常简单,用两个 * 包含一段文本就是粗体的语法,用一个 * 包含一段文本就是斜体的语法。

例如:这里是粗体 这里是斜体

表格

表格是我觉得 Markdown 比较累人的地方,例子如下:


这种语法生成的表格如下:


代码框

如果你是个程序猿,需要在文章里优雅的引用代码框,在 Markdown下实现也非常简单,只需要用两个 ` 把中间的代码包裹起来。图例:


使用 tab 键即可缩进。

分割线

分割线的语法只需要三个 * 号,例如:


到这里,Markdown 的基本语法在日常的使用中基本就没什么大问题了,只要多加练习,配合好用的工具,写起东西来肯定会行云流水。更多的语法规则,其实 Mou 的 Help 文档栗子很好,当你第一次使用 Mou 时,就会显示该文档。可以用来对用的查找和学习。

责声明:本文部分内容来源于互联网,内容仅供读者参考娱乐,如有侵犯版权请联系我们

微博│@策划总舵

QQ群│17314610

微信│cehuazongduo

投稿│359723925@qq.com

策划人在线商学院

发表
26906人 签到看排名