一、Markdown編輯器
支持Markdown的編輯器有很多,比如前端開發者經常寫代碼的Visual Studio Code
、印象筆記,有道雲筆記等。
寫作過程中或多或少要插入圖片,這個時候如果編輯本身不提供粘貼圖片的功能,就相對費事。因為要寫相對路徑,然后要一張一張圖片的上傳。有道雲筆記支持Markdown,但是插入圖片要開通會員。我選擇了用有道雲筆記。
比如當前博客傳入一個截圖,編輯器中顯示是一個對象編碼Id,實際分享出去之后的網頁里面,是一個圖片地址。

線上是URL
二、微信公眾號
- 有道雲筆記通過Markdown語法格式寫完博客
- 點擊分享操作
- 復制網頁里面的內容到微信公眾號編輯器中
- 檢查並進行微調
粘貼內容到微信公眾號編輯器,樣式,甚至包括代碼的樣式都有了。
三、第三方博客平台
自己搭建的博客平台,需要支持Markdown語法格式,相對比較麻煩,所以我選擇了支持Markdown語法格式的平台-博客園。發布步驟如下:
- 將有道雲筆記里面的左側Markdown格式內容復制到博客園
- 將有道雲筆記的網頁里面圖片,對應復制,然后
Ctrl+V
粘貼到博客園編輯中,因為博客園Markdown編輯器,支持在瀏覽器里面直接復制、粘貼圖片操作,相對於自己手動上傳圖片,方便快捷。
四、其他
Q:發布到博客園為什么那么麻煩,一方面要復制Markdown內容,另外一方面還要復制對應的圖片?
A:這個原因主要是有道雲筆記分享之后,打開的網頁,里面的圖片都是url地址展示的,直接復制網頁內容到博客,文字是可以正常顯示,有道雲筆記對圖片做了防盜鏈,所有圖片都無法顯示。
提示
微信公眾號是自動抓取圖片,然后自動上傳,不需要作者手動上傳,但是有時抓取也會失敗,還需要手動粘貼一下圖片。
五、寫作套餐
- 豪華版本(開通有道雲筆記會員)
- 普通版本
在VS Code寫好博客,然后添加相對圖片路徑;
粘貼markdown內容到博客園,上傳對應的圖片,在博客園發布博客;
將發布好的博客內容復制到微信公眾號。