配套資料，免費下載
鏈接：https://pan.baidu.com/s/1RnH4rP38EOBgeaR-6zY0Jw
提取碼：2mwu
復制這段內容后打開百度網盤手機App，操作更方便哦

第一章 當今現狀

• 痛點一：當你一篇文章寫完以后，有時候很難以撰寫一次，在網上各大平臺處處發布

  

• 痛點二：在編輯文章程序中，圖片的引入往往會給作者帶來很大的麻煩，而且攜帶很不方便

• 痛點三：部分博客平臺并不支持視頻，或者說有時候我們只需要一個簡單的動圖來描述我們的意思，這種動圖該怎么生成

• 痛點四：傳統的Word編輯模式并不適用于互聯網技術快速迭代的今天，復雜的排版總是讓人束手無策

第二章 怎么選擇

那么，看過以上的痛點以后，我的解決方案是什么？

Typora+PicGo+Gitee+Snipaste+ScreenToGif的快速編輯模式你值得擁有！

• Typora：它是一款輕便簡潔的Markdown編輯器，支持即時渲染技術，即所寫立刻所見，少了排版的時間，專注于文章內容的編輯，
• PicGo：它是一個用于快速上傳圖片并獲取圖片 URL 鏈接的工具，支持多種圖庫，但是它的功能遠遠不止于此，
• Gitee：目前中國最大的代碼托管的工具，實際上，除了代碼，它還支持圖片存盤，
• Snipaste：如果你平時都在用QQ截圖，我只能告訴你，你落伍了，Snipaste才是你最好的選擇，用它截取的圖片不僅質量高，同時，檔案大小遠遠小于QQ截圖，只有高質量低檔案大小的圖片，才能保證你在各大平臺上傳文章的時候，保證圖片不會因為過大而導致的轉存失敗，
• ScreenToGif：你還在為CSS影片該如何描述給粉絲而煩惱嗎，今天，它來了，一款極簡且易用強大的GIF錄制工具來了，

以上的這些工具都可以單獨的存在，但是，當配合到一起的時候，才能發揮出它們最大的威力，真正實作，一次撰寫，跨博客網站發布，再也不用擔心圖片的存放問題以及在上傳程序中出現的圖片轉存失敗的問題，你所有的文章最終只需要保存一個.md檔案就可以了，所以，螢屏前的你還在等什么，看看這些工具如何配合使用吧！

第三章 怎么安裝

Typora的安裝：

官方地址：https://typora.io/

怎么安裝：根據自己電腦的位數下載相對應的版本，然后一路 默認 下一步安裝即可，

桌面圖示：

PicGo的安裝：

官方地址：https://github.com/Molunerfinn/PicGo

怎么安裝：根據自己電腦的位數下載相對應的版本，然后一路 默認 下一步安裝即可，注意：在安裝之前你一定要先安裝一個node.js（12及以上最好），否則，在后邊安裝插件的時候會失敗，不能運行，

桌面圖示：

Gitee的安裝：

官方地址：https://gitee.com/

怎么安裝：這個不用安裝，你得注冊一個賬戶就好，

Snipaste的安裝：

官方地址：https://www.snipaste.com/

怎么安裝：根據自己電腦的位數下載相對應的版本，然后一路 默認 下一步安裝即可，注意：如果是綠色版，那就解壓就能用了，

桌面圖示：

ScreenToGif的安裝：

官方地址：https://www.screentogif.com/

怎么安裝：根據自己電腦的位數下載相對應的版本，在安裝的時候選擇左下角的cn ，然后一路 默認 下一步安裝即可，

桌面圖示：

溫馨提示：以上所有的軟體，我會打包到配套資料中，因為個別軟體的官網在外網，下載速度機器慢，容易下載失敗！當你選擇了我提供的軟體的時候，可能部分軟體會提示你需要更新，在這里我只想說，你不要更新，更新的話大概率會失敗，因為更新也是要連外網，你就忽略就行，我提供的版本，基本上都是最新的，而且也是我本人正在使用的，

第四章 圖床配置

打開 PicGo 找到 “插件設定” ，搜索插件 “gitee-uploader” ，找到以后，點擊右下角的安裝即可

然后再找到 “圖床設定” ，在里邊找到 “gitee” 這一項，先打開備用，一會配置，

緊接著，打開 Gitee 網站，在里邊創建一個倉庫，專門用來存放文章用到的圖片，gitee 圖床必需要設定的三個引數，如上所示：

• repo：代表的是你倉庫的地址，不清楚的看下邊這張圖片

  

• branch：這個引數就寫master就行了

• token：這個引數首先需要在個人設定中，找到私人令牌生成一下就行了，具體步驟如下：

  

  

  

  

  

把上邊的token復制到剛才的token文本框中，這樣，PicGo就能通過圖床向Gitee提交圖片了，

然后，我們進行對圖床本身的設定，打開圖床設定，設定如下：

接下來，我們查看一下，當前圖床的服務埠是多少，方便接下來的配置：

這個地址和埠非常重要，現在要記下來，方便后邊操作！

第五章 圖床對接

打開 Typora 的偏好設定，在里邊找到 影像 ，然后像我一樣，對他進行設定，

然后檢驗圖床對接是否成功，點擊 “驗證圖片上傳選項” ，成功就會顯示獲取成功，

第六章 快捷技巧

1. 技巧一：關于 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 + /

2. 技巧二：如果你想要你的文字有顏色，請你使用HTML代碼來實作，如下：

   <font color='red'>我想要變成紅色</font>
   

3. 技巧三：如果你想要插入代碼片段，請你在英文狀態下，輸入ESC下邊的那個鍵三次，后邊緊接著你的代碼語言小寫，如下：

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

第七章 寫文技巧

1. 技巧一：啟動 Snipaste 后，按 F1 可以快速截圖，建議把該應用也設定為開機自啟，

2. 技巧二：插入圖片不要使用快捷鍵，直接使用 技巧一 的截圖，然后在 Typora 中粘貼，然后在點擊上傳，這樣圖片會自動上傳到云端，并且把云端的絕對地址自動替換到文章中，gif演示如下：

   演示影片太大，請手動打開：https://gitee.com/caochenlei/BlogImages/raw/master/20201117195730.gif

3. 技巧三：當你使用完 ScreenToGif 之后，可以把gif匯出到桌面上，然后使用滑鼠直接推拽到文章中，然后在點擊圖片上傳，這樣圖片會自動上傳到云端，并且把云端的絕對地址自動替換到文章中，gif演示如下：

   演示影片太大，請手動打開：https://gitee.com/caochenlei/BlogImages/raw/master/20201117195743.gif

4. 技巧四：對圖片一定要復制一個上傳一個，不要到最后一塊上傳，否則可能會出現問題，這樣，因為你的文章中的圖片都是網路地址參考，所以本地圖片可有可無，當你在多個平臺發布博客文章的時候就會變得輕松，

5. 技巧五：關于 Typora 加粗的問題，一定要在 **需要加粗的文本** 的前后都留一個空格，否則有時候會渲染失敗，