一次編輯多平台釋出的終極解決方案（基于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标簽的下面。最後預覽一下看看效果吧。