微信公众号html教程,公众号排版简易教程

微信公众号文章排版流程

1.将文章转换成Markdown格式

2.使用Typora渲染Markdown格式

3.使用印象笔记，生成图表、流程图、时序图等，并转换成图片

4.将Markdown格式转换为Html格式

5.将Html格式内容复制到微信公众号

6.设置标题、封面图预览效果，发布

0.Markdown及常用工具介绍

Markdown是什么

Markdown 是一种适用于网络的书写语言。

Markdown 的目标是实现「易读易写」。

支持Markdown的工具

支持Markdown语法的编辑器有很多，比如：

推荐查看作业部落在线编辑器入门教程感受Markdown的魅力。(导出功能需收费，本教程不使用)

image

1.将文章转换成Markdown格式

将Word文档拷贝至Typora

可以直接将Word文档拷贝至Typora编辑器，编辑器会自动将Word格式转换为Markdown格式

使用Markdown写文档

可以选择趁手的Markdown编辑器写文章，我一般在印象笔记或者简书中直接按Markdown格式写文章。

2.使用Typora渲染Markdown格式

在Typora工具中进行初步排版，并选择相应的css样式渲染文档。

在Typora中选择相应的主题，渲染文章。

image

每个主题对应一个css文件， 可以从网上下载喜欢的css样式，放到Typora主题文件夹中，以后就可以直接使用了。

image

3.使用印象笔记生成图表、流程图、时序图等，并转换成图片

Markdown一大优势可以便捷的生成各种图标、流程图、时序图、表格、公式等。

image

但是并不是所有的Markdown编辑器都支持图标功能，有的不支持有的需要收费。

我选择使用印象笔记Markdown功能，生成需要的图标，截图生成图片，将图片插入到文章中。

4.将Markdown格式转换为Html格式

Typora渲染生成的html文件直接复制到公众号，会出现乱码。需要通过第三方软件进行转换。

我选择使用MarkDown转微信公众号在线工具，将Typora的文件转换为兼容微信公众编辑器的格式，然后拷贝到微信公众号编辑器中。

image

5.将Html格式内容复制到微信公众号

将转换后的内容拷贝微信公众号。

拷贝时图片信息会丢失，需要在微信公众号编辑器中重新插入图片。

通过微信公众号的预览功能，预览排版效果，并微调。

6.设置标题、封面图预览效果，发布

设置标题、摘要及封面图片，预览总体效果。

发布！