随着移动互联网技术的快速发展，越来越多的人加入到新媒体写作的领域中。能用文字梳理自己的思考，传达价值当然是一件非常开心的事情啦~~
但当我们需要将内容发布到各个渠道平台的时候，一遍又一遍地重新排版和传图，这些繁杂的编辑工作做起来那简直是一言难尽……
今天就给大家一个新方法，让你一键就可以搞定不同平台的文章排版工作——Markdown 渲染排版。
之前的人工跟这个方法相比，就像是乘坐普通火车和高铁的差别。虽然要达到的目的是一样的，但是其中所耗费的时间精力，以及最后的结果准确度却完全不同。
可能原来需要2h小时以上的工作量，现在只需要2秒就能实现。怎么样，有没有很心动吖？
具体的操作流程介绍看下图：
温馨提示：不要担心自己学不会，我从零基础到实现一键排版只用了2个小时。只要你跟着流程操作，一定也可以掌握这个微信排版的高级技能哒~
一、Markdown Here插件准备
这里以Chrome浏览器，也就是谷歌浏览器为例示范操作。你也可以百度其他浏览器配套插件来安装使用。
进入chrome浏览器的chrome 网上应用店，搜索Markdown Here，直接添加排名第一的Markdown插件到扩展程序就可以使用了。
安装成功后，浏览器的右上角会显示一个类似于小盾牌的标识，右键点击，选择选项，就可以进入Markdown的渲染代码编辑页了。
有小伙伴可能一看到代码就开始头大了，稳住不要慌~~考虑到刚起步的阶段，大家作为新手不懂这块的内容，我特意将自己的渲染代码分享出来（链接见第五部分内容），你们可以先直接拿着用。回头等加强了相关学习，再进行个性化定义的代码修改工作也是OK的。
这一步可能遇到的问题是没办法访问chrome 网上应用店。
这个时候就需要先去百度下载安装一个谷歌访问助手的插件，通过谷歌访问助手就可以轻松访问chrome 网上应用店了。
二、Markdown 编辑器准备
markdown编辑器产品非常多，其实没必要全都试一遍，找到一款适合自己的，就是最好的。
网页端可以使用的markdown编辑器
1、 简书
注册一个账号，就可以发布文章了。点击写文章，就可以进入文章编辑页面。在设置里面可以选择编辑器，选择markdown编辑器就可以用markdown语法编辑文章了。
右上角红框标注的是预览按钮，点击预览，可以在页面左边用markdown语法编辑文章，在右边查看到文章编辑显示效果。
2、 Cmd Markdown
这是一款不错的工具和博客平台兼顾的产品，同时支持 Linux、Mac 和 Windows 操作系统。此外还提供 Web 在线创作，社交化批注、智能云同步，最简单的方法，满足多种写作需要。
无需注册也能直接在网页上编辑使用，不过要保存文章的编辑文件，还是需要注册登录的。
PC端可以使用的markdown编辑器
1、 MarkdownPad 2
官网及下载：http://markdownpad.com/
MarkdownPad是独立的软件，被很多人称赞为windows下最好用的Markdown编辑器之一，不过仅支持windows。它有免费版和收费版（MarkdownPad Pro），一般情况下免费版就够用了。
MarkdownPad支持键盘快捷键和工具栏操作，即可添加标记也可移除。支持即时预览、支持自定义配色方案、字体、大小和布局、支持音乐视频，可以导出HTML和PDF。
顺便提一句，Mou是目前苹果系统中最好用的免费Markdown编辑器。有需要的小伙伴可以自行百度下载。
三、Markdown 图床准备
这里介绍以PicGo为例，官网及下载：https://molunerfinn.com/PicGo/ 。它的界面非常简洁，容易操作。此外还有七牛等图片软件，选择一款适合自己的就好。
图床软件其实就是用于快速上传图片并获取图片URL链接的工具。它是用来解决我们每一次在不同平台和渠道发布文章时，需要重复上传图片的问题。
通过把图片上传到一个公用的图床软件上，可以生成一个图片的URL链接。这样，在markdown编辑文章时，需要插入的图片所使用的URL链接就都一样了。当我们使用网址插入图片时，它会自动显示出来。不必再一次次手动上传，省时省力。
步骤说明：
安装好PicGo，直接拖动自己准备的文章图片素材，到软件提示界面区域，就可以上传成功。
上传成功后，复制图片URL链接插入到markdown文章编辑页面的对应位置，在预览框就可以看到图片显示效果。
四、使用Markdown编辑器写文章
Markdwon 是一种轻量级标记语言，它以纯文本形式（易读、易写、易更改）编写文档，并最终以HTLM格式发布。它可以跨平台使用，现在越来越多的网站都开始支持Markdown。
基础语法和进阶语法在网页端和PC端的markdown编辑器的初始页面都能了解到。百度也有很多说明，这里不做赘述了。
日常写文时，我们最常用的markdown语法就是标题、加粗、倾斜、引用等。
举例说明：
1、标题格式：# + 1个空格 + 标题文字。
比如一级标题语法格式：# 一级标题。N级标题，使用N个#即可。
2、加粗格式：选中强调文本，点击快捷键Ctrl + B。或者用语法格式：**强调文本**。斜体前后仅有一个 * 。
3、引用格式：> + 1个空格 + 引用文本。
走到这一步，我们距离一键排版成功发布就差最后一个步骤了——markdown渲染代码设置。
五、Markdown Here渲染代码准备
新手起步，建议先拿成熟的模板过来用。
这是我前面提到的Markdown Here渲染代码链接：https://codepen.io/alohawy/pen/NWGqWyz 。在常用的配置部分，我添加了注释说明。如果你想修改，也可以仔细阅读备注后，进行相关修改工作。
Markdown Here渲染代码存放位置：找到之前浏览器安装Markdown Here插件，就是右上角的一个类似小盾牌的按钮。右键点选项，就进入到了Markdown Here渲染代码的配置页面。
提示：Markdown Here是一个浏览器插件。在配置页面复制渲染代码到基本渲染CSS框中。页面会自动保存所作修改，本步骤就已完成。
六、一键排版发布
见证自己成果的时候终于到了，请大家准备好灯光师，摄像师和音响师，见证奇迹的时刻就要到啦，哈哈~
复制你在markdown编辑器中编辑好的文章到各个平台的编辑后台，左键点击浏览器右上角的Markdown Here 插件按钮，就可以看到排版后的文章啦！
微信公众号如果想要添加特别的样式，比如边框等，可以将文章先复制到编辑器，点击一键渲染。再添加相关样式。之后，再复制到微信公众号后台点击发布即可。
成长就是把知道变成做到！强烈建议小伙伴们看完文章后可以跟着操作一遍，第一次涉及到相关的准备工作会有点耗时。但是熟练之后，每次只需要写完文章复制到平台编辑页面，点击一键渲染，就可以收获效果绝佳的排版好的文章啦~~
感兴趣的小伙伴可以将这篇文章收藏并设置标签，方便以后查询学习。如果你也喜欢这篇文章，欢迎点击在看，分享给更多好友，一块学起来吧~
