关于微信公众号的排版

起因

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

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

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

但是可以通过复制带有样式文本来实现自定义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写一个自动添加样式的小程序，不过

咕咕咕