wechat-mp-article

高颜值的微信公众号图文消息排版

使用手册

• 微信公众号图文消息默认样式

  微信公众号的图文消息编辑器中提供了一般的富文本编辑功能, 例如粗体, 斜体, 颜色, 背景等等, 但默认的样式排版下不太适合阅读大段文字. 另外还提供了引用(<blockquote>)和表格(<table>)的默认样式.

• 高颜值的微信公众号图文消息排版

  使用了适合中文排版的 CSS 样式库, 让微信公众号图文消息阅读起来赏心悦目. 现在推荐使用 赫蹏

  基于 typo.css 和 Entry.css 来实现排版效果, 例如 typo.css 排版实例, 博文demo, 散文demo

  以前喜欢 Zine 的排版, 现在非常喜欢WeicoNote简洁的编辑风格, 也做了些借鉴, 让写文章的时候可以更关注内容而非排版.

• 高颜值的微信公众号图文消息编辑器

  基于Mditor做了一个 markdown 的编辑器. 你可以使用这个编辑器来编写公众号图文消息, 编写完后全选右边的内容复制到公众号的图文消息编辑器中即可.

填过的坑

• 样式中不要有字体设置, 否则复制到图文消息的编辑器中, 会造成样式被丢弃
• 复制嵌套多级的 ul/ol 结构到图文消息的编辑器中, 会变成最多只有两级的结构
• pre 内容复制到图文消息编辑器中没有保留换行, 会造成所有内容都挤成一行

其他资源

开源

• markdown-nice
• md
• md4wxpub
• WXEditor 类似市面上的公众号文章排版编辑器
• 雷劈网开源微信编辑器

图文编辑

• 新媒体排版
• i排版
• 秀米
• 135编辑器
• 51排版
• 荔枝助理
• 构思编辑器
• 易点编辑器
• 微小宝编辑器
• 微信排版工具集
• 如何排版微信公众平台的文章？
• online-markdown

图片设计

• 创客贴 - 极简的平面设计工具
• 易启秀 - 轻设计
• Canva
• BeFunky

视频

• 腾讯视频
• 优酷视频
• Windows上制作视频的软件有哪些？推荐最佳的视频制作软件！
  • 爱剪辑
  • Online video converter to MP4
  • 爱美刻
• 8个免费视频剪辑软件，你，值得拥有

资源导航

• SDC 设计师网站导航

版权声明

• 自由转载-非商用-非衍生-保持署名（创意共享3.0许可证）
• Choose a License