如何利用Typora編寫部落格,快速釋出到多平臺?
阿新 • • 發佈:2021-01-04
在不同的平臺釋出同樣的文章,最讓人頭疼的就是圖片問題,如果要手動一個個去重新上傳,耗時耗力,還容易搞錯。下面分享的方法,可以將Typora編寫的文章快速釋出到CSDN、微信公眾號、部落格園、簡書等平臺。
## 1、軟體準備
##### Typora (用於markdown文字編寫)
下載地址:https://typora.io/
##### Node.js (PicGo安裝gitee外掛會用上)
下載地址:https://nodejs.org/en/download/
##### PicGo (用於同步gitee圖片倉庫)
下載地址:https://github.com/Molunerfinn/PicGo/releases
下載並依次安裝好這些軟體
## 2、搭建個人免費圖床
這裡是利用碼雲 gitee + PicGo來搭建的
如果你沒有碼雲gitee賬號,可以去免費註冊一個,碼雲gitee官網地址:https://gitee.com/
### 2.1建立圖片倉庫
新建一個**公共倉**,用來儲存部落格中的圖片,步驟如下:
![](https://gitee.com/wayne-hzw/images/raw/master/%E6%B7%BB%E5%8A%A0%E4%BB%93%E5%BA%93%E7%95%8C%E9%9D%A2-1609750569399.png)
![](https://gitee.com/wayne-hzw/images/raw/master/%E5%88%9B%E5%BB%BA%E4%BB%93%E5%BA%93.png)
![](https://gitee.com/wayne-hzw/images/raw/master/%E7%82%B9%E5%87%BB%E5%88%9B%E5%BB%BA.png)
![](https://gitee.com/wayne-hzw/images/raw/master/%E4%BB%93%E5%BA%93%E8%B7%AF%E5%BE%84.png)
這樣,你就新建好了一個倉庫了,倉庫的路徑在後面配置PicGo的時候會用上。
### 2.2配置PicGo
#### 2.2.1 下載外掛
開啟PicGo軟體,點選【外掛設定】,在搜尋框中輸入“gitee”,安裝gitee 2.0.3外掛
![](https://gitee.com/wayne-hzw/images/raw/master/%E5%AE%89%E8%A3%85%E6%8F%92%E4%BB%B6.png)
#### 2.2.2 配置外掛
![](https://gitee.com/wayne-hzw/images/raw/master/%E6%98%BE%E7%A4%BA%E7%AE%80%E6%B4%81.png)
前面生成的**倉庫路徑**Wayne_hzw/tupian
**Wayne_hzw**填寫到owner框中,**tupian**填到repo中
![](https://gitee.com/wayne-hzw/images/raw/master/%E9%85%8D%E7%BD%AE%E6%8F%92%E4%BB%B6.png)
token中需要填寫碼雲gitee私人令牌,私人令牌生成步驟:
![](https://gitee.com/wayne-hzw/images/raw/master/%E7%94%9F%E6%88%90%E7%A7%81%E4%BA%BA%E4%BB%A4%E7%89%8C1.png)
![](https://gitee.com/wayne-hzw/images/raw/master/%E7%94%9F%E6%88%90%E7%A7%81%E4%BA%BA%E4%BB%A4%E7%89%8C2.png)
![](https://gitee.com/wayne-hzw/images/raw/master/%E7%94%9F%E6%88%90%E6%96%B0%E4%BB%A4%E7%89%8C3.png)
![](https://gitee.com/wayne-hzw/images/raw/master/%E7%94%9F%E6%88%90%E6%96%B0%E4%BB%A4%E7%89%8C4.png)
![](https://gitee.com/wayne-hzw/images/raw/master/%E7%A7%81%E4%BA%BA%E4%BB%A4%E7%89%8C.png)
#### 2.2.3 測試圖片上傳
這裡我隨便上傳了一張本地圖片,剪貼簿的圖片我暫時無法使用,會報錯。
![](https://gitee.com/wayne-hzw/images/raw/master/%E5%9B%BE%E7%89%87%E4%B8%8A%E4%BC%A0.png)
![](https://gitee.com/wayne-hzw/images/raw/master/%E4%B8%8A%E4%BC%A0%E6%88%90%E5%8A%9F.png)
進入碼雲gitee的圖片倉庫確認一下
![](https://gitee.com/wayne-hzw/images/raw/master/%E4%BB%93%E5%BA%93%E4%B9%9F%E6%88%90%E5%8A%9F%E4%BA%86.png)
可以看到,圖片同步到碼雲gitee的倉庫是沒有問題的,如果你上傳圖片會報錯,可以檢查一下配置是否錯誤,確認PicGo是否為最新版本,或者重啟PicGo。
### 3、配置typora
![](https://gitee.com/wayne-hzw/images/raw/master/typora%E9%85%8D%E7%BD%AE.png)
## 4、釋出文章到多平臺
當用typora寫好文章後,一次性上傳文章中所有的圖片到圖床(即碼雲的圖片倉庫),之後就可以複製typora文章的原始碼,分別貼上到CSDN、微信公眾號、部落格園、簡書等平臺的markdown編輯器,實現快速在多平臺釋出部落格。
![](https://gitee.com/wayne-hzw/images/raw/master/%E4%B8%8A%E4%BC%A0%E6%89%80%E6%9C%89%E5%9B%BE%E7%89%87.png)
![](https://gitee.com/wayne-hzw/images/raw/master/%E5%A4%9A%E5%9B%BE%E7%89%87.png)
![](https://gitee.com/wayne-hzw/images/raw/master/%E6%BA%90%E7%A0%81.png)
![](https://gitee.com/wayne-hzw/images/raw/master/%E6%BA%90%E7%A0%81%E5%86%85%E5%AE%B9.png)
**以CSDN為例**,其他平臺也是類似的操作
![](https://gitee.com/wayne-hzw/images/raw/master/CSDN.png)