一次编辑多平台发布的终极解决方案（基于Markdown）

导读：利用markdown语法，让更多的博客作者能够专注于写作本身，而不会因为各种设置打乱了创作的思绪。本文首先简单介绍markdown的编辑器Typora，接着描述了怎么通过Typora的代码模式将编辑好的文件发布到csdn和微信公众号；最后，给出一种简便的方法，利用Typora导出html功能，将文章发布到wordpress，真正做到了一次性编辑，多平台发布。如需转载，请注明原作出处。

一、Markdown编辑神器Typora

Typora是一款轻便简洁的Markdown编辑器，支持即时渲染技术，它没有把编辑区与预览区分成两侧，这也是与其他Markdown编辑器最显著的区别。关于它的教程网上可以很方便的找到，这里只给出它的下载地址。

二、发布到CSDN

当我们将文章编辑好后，可以通过下面的按钮，启用源代码模式，便可以看到markdown语法的文章原貌了。

切换之后大体是下面这个样子（下面是本文的Markdown模式）

### 一次编辑多平台发布的终极解决方案（基于Markdown）

> 利用markdown语法，让更多的博客作者能够专注于写作本身，而不会因为各种设置打乱了创作的思绪。本文首先简单介绍markdown的编辑器Typora，接着描述了怎么通过Typora的代码模式将编辑好的文件发布到csdn和微信公众号；最后，给出一种简便的方法，利用Typora导出html功能，将文章发布到wordpress，真正做到了一次性编辑，多平台发布。如需转载，请注明原作出处。

#### 一、Markdown编辑神器Typora

Typora是一款轻便简洁的Markdown编辑器，支持即时渲染技术，它没有把编辑区与预览区分成两侧，这也是与其他Markdown编辑器最显著的区别。关于它的教程网上可以很方便的找到，这里只给出它的[下载地址](https://www.typora.io/#download)。

CSDN具有专门的Markdown编辑器（如下图），我们切换到该编辑器下，把在Typora中代码模式下的文章全部复制粘贴到这个编辑器中。由于它们都能很好的支持Markdown语法，因此粘贴过来的文章几乎没有任何变化。最后我们只需要点击发布即可了。

三、发布到微信公众号

因为微信公众号本身就支持Markdown语法，所以重复上面的步骤，就可以把文章发到公众号里。这里需要注意一下，由于公众号的代码块与Markdown不同，因此需要把文章中的代码单独用公众号编辑器的代码块进行包裹，才能正常显示。

四、发布到wordpress

由于wordpress本身不支持Markdown语法，我们只能另避蹊径。下面介绍详细步骤：

1. 在Typora中，依次点击文件—导出—HTML，将文章存储为一个html文件。用Notepad或者UltraEdit打开这个html文件。找到css样式（style标签之间的内容），并复制到一个新文件取名如md.css，并把这个文件上传到一个公网地址下，推荐阿里云oss。这个css可以重复使用，也就是说这个步骤我们只需要做一次。

   <style type='text/css'>html {overflow-x: initial !important;}:root { --bg-color:#ffffff; --text-color:#333333; --select-text-bg-color:#B5D6FC; --select-text-font-color:auto; --monospace:"Lucida Console",Consolas,"Courier",monospace; }
   html { font-size: 14px; background-color: var(--bg-color); color: var(--text-color); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
   body { margin: 0px; padding: 0px; height: auto; bottom: 0px; top: 0px; left: 0px; right: 0px; font-size: 1rem; line-height: 1.42857; overflow-x: hidden; background: inherit; tab-size: 4; }
   iframe { margin: auto; }
   ---这里还有其他内容，由于内容太多，故省略之。读者应该将整个内容复制全。
   </style>
   

2. 在Typora中，依次点击文件—导出—HTML（without styles），将文章存储为一个没有任何css样式的html文件。还是用Notepad或者UltraEdit打开它，并找到body标签之间的内容（注意不要包含body标签），并复制。

   <h3><a name="%E4%B8%80%E6%AC%A1%E7%BC%96%E8%BE%91%E5%A4%9A%E5%B9%B3%E5%8F%B0%E5%8F%91%E5%B8%83%E7%9A%84%E7%BB%88%E6%9E%81%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88%EF%BC%88%E5%9F%BA%E4%BA%8Emarkdown%EF%BC%89" class="md-header-anchor"></a><span>一次编辑多平台发布的终极解决方案（基于Markdown）</span></h3>
   <blockquote><p><span>导读：利用markdown语法，让更多的博客作者能够专注于写作本身，而不会因为各种设置打乱了创作的思绪。本文首先简单介绍markdown的编辑器Typora，接着描述了怎么通过Typora的代码模式将编辑好的文件发布到csdn和微信公众号；最后，给出一种简便的方法，利用Typora导出html功能，将文章发布到wordpress，真正做到了一次性编辑，多平台发布。如需转载，请注明原作出处。</span></p>
   </blockquote>
   ---这里只是一个简单的例子，请读者将整个内容复制全。
   

3. 登录wordpress后台，将编辑器切换到文本模式，写入css的外部引入，如下图所示。并将第2步中复制好的html粘贴到link标签的下面。最后预览一下看看效果吧。