Typora+PicGo+Gitee搭建部落格寫作環境（超詳細）

@[Toc]

在我們的部落格寫作中，通常有這樣的需求：

• 使用Markdown編輯部落格
• 一篇部落格釋出多個平台
• 圖檔一次上傳，處處引用

為了友善寫作，我們可以采用

Typora+PicGo+Gitee

的方案來搭建我們的部落格寫作環境。

• Typora

  ：它是一款輕便簡潔的Markdown編輯器，支援即時渲染技術，即所寫立刻所見，少了排版的時間，專注于文章内容的編輯。

• PicGo

  :它是一個用于快速上傳圖檔并擷取圖檔 URL 連結的工具，支援多種圖庫。

• Gitee

  :目前中國最大的代碼托管的工具，除了代碼，還可以用作圖檔存儲。

1、軟體安裝

1.1. Typora

1.1.1、下載下傳

Typora

下載下傳位址：

typora.io

，下載下傳對應的版本，一步步安裝即可：

1.1.2、主題擴充

Typora

有五種主題，基本夠用了，如果還不滿意，Typora提供了添加更多主題的方法。

可以參見這篇文章：

Typora添加主題

。

1.2、PicGo

PicGo

Molunerfinn /PicGo

PicGO安裝包放在了Github上面，下載下傳對應的版本，一步步安裝即可。

2、配置圖床

2.1、建立倉庫

登入

gitee

并建立一個公開的倉庫，需要注意倉庫必須是

公開

的，否則無法預覽。

• 選擇

  Redeme初始化這個倉庫

  ， 這樣碼雲會自動給你的倉庫建立master分支 ,不然可能會出現插件無法找到分支的錯誤

2.2、設定私人令牌

• 擊右上角頭像-設定，找到

  安全設定

  下

  私人令牌

  ，然後點選

  生成新令牌

  ，權限選擇

  project

  即可。

• 随便填入一個名字

• 釋出私人令牌，這個令牌記下來，後面會用到

2.3、PicGo配置Gitee圖床

• 打開

  PicGo

  ，在插件設定中查找gitee，安裝gitee-uploader

• 安裝完畢重新啟動，點開"

  圖床設定

  "可以看到 gitee圖床

• gitee圖床配置

  -

repo

寫入碼雲建的倉庫位址

token

寫入前面生成的私人令牌

2.4、PicGo配置

• PicGo

  本身我們也進行一些配置。打開

  PicGo設定·

• 檢視目前圖床的服務端口，友善接下來的配置：

3、圖床接入

接下來可以在

Typora

中接入我們的圖床了。

• Typora

  ，找到

  偏好設定

• 圖像

• 進行如下配置

• 最後檢驗圖床對接是否成功，點選 “

  驗證圖檔上傳選項

  ” ，成功就會顯示擷取成功。

• 到此，我們複制到Typora的圖檔就會自動上傳了

4、Typora快捷方式

• 關于Typora有一些好用的快捷鍵，可以提高寫文的效率：

  一級标題：

  CTRL + 1

  二級标題：

  CTRL + 2

  三級标題：

  CTRL + 3

  四級标題：

  CTRL + 4

  五級标題：

  CTRL + 5

  六級标題：

  CTRL + 6

  加粗文字：

  CTRL + B

  插入圖檔：

  CTRL + SHIFT + I

  插傳入連結接：

  CTRL + K

  插入表格：

  CTRL + T

  插入下劃線：

  CTRL + U

  全文搜尋：

  CTRL + F

  全文替換：

  CTRL + H

  有序清單：

  CTRL + SHIFT + [

  無序清單：

  CTRL + SHIFT + ]

  打開或者關閉源代碼模式：

  CTRL + /

• 要插入代碼片段，可以在英文狀态下，輸入

  ~

  鍵(esc鍵下面)三次，後邊緊接着所需語言小寫，如下：

​```html          回車，這就是插入html代碼片段
​```css           回車，這就是插入css代碼片段
​```javascript    回車，這就是插入javascript代碼片段
​```c             回車，這就是插入c代碼片段
​```java          回車，這就是插入java代碼片段
​```bash          回車，這就是插入bash代碼片段           

參考：

【1】：

學習Typora這一篇就夠了

【2】：

手把手教學 Typora+PicGo+Gitee+Mubu 部落格筆記寫作環境搭建

【3】：

PicGo + Gitee(碼雲)實作markdown圖床