关于微信公众号的排版

发布于 2022-10-15  638 次阅读


AI 摘要

该文介绍了作者在为学校微信公众号编辑排版时遇到的问题,发现微信编辑器只能进行简单的操作,但可以通过自定义CSS实现排版,但在尝试复制CSS样式到微信公众号编辑器时,样式丢失,作者推荐直接将渲染后的Markdown复制到编辑器中,同时提到了使用Typora编辑器的优势。最后,作者还提到了可能会通过编写小程序来解决这个问题。

起因

最近学校在搞微信公众号,我为了帮助老师和显得自己很厉害,当了个摆烂的编辑。

但是我原本以为的微信后台,应该会有些模板可以供我们复制粘贴

但实际上,微信编辑器只能进行一些简单的操作,比如调整字体大小、添加图片等功能。

简直就是垃圾

但是可以通过复制带有样式文本来实现自定义CSS。

CSS,是一种用来为结构化文档(如 HTML 文档或 XML 应用)添加样式(字体、间距和颜色等)的计算机语言。

——菜鸟教程

看着网上的教程,似乎用VSCode的Markdown插件自定义Markdown渲染的CSS,直接复制即可。

实测Markdown Preview Enhanced可用,然后在控制面板里面找到自定义样式即可。

听起来很美好对吧。

但是,有一个问题。

比如:

同学们用着满腔的热忱,化作笔尖写下的一行行文字、一幅幅图画,把这金秋时节的各种美事收入囊中……
<style>
section {
  border: 1px solid #ccc !important;
  padding:14px;
  border-radius: 16px !important;
  overflow: hidden;
  width: auto;
  height: auto;
}
</style>
<section>
同学们用着满腔的热忱,化作笔尖写下的一行行文字、一幅幅图画,把这金秋时节的各种美事收入囊中……
</section>

style中的CSS复制到自定义样式中,渲染后尝试复制到微信公众号中时,就会发现,样式没了。

解决

section元素是可以定义样式,貌似每个元素都可以吧

<section style="border: 1px solid #ccc!important;padding:14px;border-radius: 16px!important;overflow: hidden;width: auto;height: auto;">
同学们用着满腔的热忱,化作笔尖写下的一行行文字、一幅幅图画,把这金秋时节的各种美事收入囊中……
</section>

然后把以上HTML复制到公众号的编辑器里,然后打开

选择”仅保留文本“,样式就出来了。

但是这还是很麻烦,但能用,毕竟给每个元素添加样式真的很离谱

经过实测,Typora可以直接复制渲染后的Markdown到公众号,而不用调整样式。

但89元(2022年)的价格有点小贵。

没钱.jpg

也许可以用Python写一个自动添加样式的小程序,不过

咕咕咕