微信公众号文章排版流程

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.设置标题、封面图预览效果,发布

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

发布!

微信公众号html教程,公众号排版简易教程相关推荐

  1. java htmlunit教程_htmlunit官网简易教程(翻译)

    1 环境搭建: 1)下载 从链接:http://sourceforge.net/projects/htmlunit/files/htmlunit/ 下载最新的bin文件 2)关于bin文件 里面主要包 ...

  2. fanuc机器人刷机教程_FANUC机器人中文简易教程

    目 认识 FANUC 机器人 录 4 1.概论 4 1)机器人的构成 4 2)机器人的用途 4 3)FANUC 机器人的型号 4 4)机器人主要参数 5 5) FANUC 机器人的安装环境 5 6) ...

  3. 微信公众号推文(编辑+排版教程)

    目录 一.登录公众号 二.打开秀米网站(最好用谷歌浏览器) 1.新建图文 2.大标题字号16.小标题字号14 加粗 3.段落文字首行缩进.字间距2.行间距1.8.页边距10 4.重点句子加粗.换颜色 ...

  4. 微信查券返利机器人公众号搭建教程分享

    微信查券返利机器人公众号搭建教程分享 一.登陆淘宝联盟 用需要开通淘宝联盟的手机淘宝扫码授权登陆联盟 地址:https://www.alimama.com 二.配置推广位,获取PID(推荐使用会员PI ...

  5. 在微信公众号中添加外部的链接图文教程

    2017-9-18,长沙,有点闷,有点热. 本教程教大家如何在微信公众号中,添加外部的链接,网络有很多教程,但由于表述不太清楚,出个教程吧.最终实现在微信后台管理平台"原文链接"处 ...

  6. php早起打卡,微信公众号早起打卡挑战应用制作教程

    原标题:微信公众号早起打卡挑战应用制作教程 最近有很多公众号都推送了"早起打卡挑战"应用,粉丝可支付一定的金额参与早起打卡,若次日打卡则可获得支付金额+奖励金额,若忘记打卡则会被扣 ...

  7. 微信公众号排名引流方法-订阅号与服务号引流布局教程 -公众号搜一搜与公众号排名优化课程

    维信公众号排名引流方法-订阅号与服务号引流布局教程 -公众号搜一搜与公众号排名优化课程 [A84]V信公众号排名引流,一套可以让你引流微信10亿月活用户引流方法 之前的很多引流课程都是从微信以外的平台 ...

  8. 微信公众号怎么用html代码吗,微信公众号文章怎么使用代码排版?

    有了微信公众号后,就要对微信公众号进行运营,微信运营的方式就是推广文章,好的微信文章是最好的吸粉手段,那微信公众号文章怎么使用代码排版?我们一起来看看下文的例子吧.欢迎大家来阅读. 需求 简单介绍下西 ...

  9. 微云二手车运营版 公众号+小程序v1.1.20+微信小程序+抖音端源码安装教程

    系统包括PC+公众号+小程序v1.1.20+微信小程序+抖音小程序前端,使用前先在后台初始化下数据.播播资源网技术小编看了下说明是带PC端功能,但后台没找到设置的地方,不过公众号+小程序+抖音也够用了 ...

  10. 微信小程序消息从公众号推送

    2020.06.05更新 新的一年认证续费只需要续费公众号. 小程序可以自动关联认证. 一定要记得!!!!!!! ------------------------------------------- ...

最新文章

  1. ECCV2020图像分割开源论文合集
  2. php调用系统浏览器代码,php判断操作系统或浏览器实现代码
  3. 直观获取redis cluster 主从关系
  4. [JavaScript] FireBug 调试
  5. 将JavaFX 2.0与Swing和SWT集成
  6. k8s-自动横向伸缩pod 根据CPU使用率,QPS访问数监控指标
  7. 面向小姐姐的编程——JAVA面向对象之多态
  8. 力扣268.丢失的数字
  9. DEL: Chrome Browser Shortcuts
  10. 开启MySQL的binlog日志
  11. unity人物动画配置
  12. 安卓WebView调起本地文件选择
  13. 20145322何志威 《信息安全系统设计基础》第2周学习总结
  14. python-爬取贴吧的时候表情的处理。
  15. 对比UltraCompare和Beyond Compare我这么选,你会怎么选?
  16. 谷歌董事长施密特:乔布斯是25年来最成功CEO
  17. 笔记本电脑无法在插电时睡眠(续)
  18. 程序员职业发展:项目经理、技术经理还是产品经理
  19. 索尼计算机更换硬盘教程视频教程,自己动手,索尼PS4更换SSD硬盘全教程
  20. 同一网段的概念以及计算

热门文章

  1. rgba通道转rgb_JS实现颜色的10进制转化成rgba格式的方法
  2. 高德地图(前端入门学习)
  3. vue cil安装axios
  4. C#实现Astar 算法以及导航系统
  5. Android自定义PreferenceScreen的Layout布局,并获取控件
  6. Android 10 使用PreferenceScreen的方法
  7. 用sox查看wav声音的基本信息
  8. 支持Win7的星号密码查看器的实现
  9. 用matlab进行单整性检验,应用VAR模型时的15个注意点(笔记)
  10. 【软考 系统架构设计师】软件架构设计④ 基于架构的软件开发方法