使用VS Code寫Markdown文章-配置七牛雲圖床

使用VS Code撰寫本地Markdown文章

背景說明

近期準備寫一些技術類文字，比如在CSDN發佈文字，如果使用這些網站上的富文本編輯器，則很麻煩，不但排版心累，對應的文章也不好拷貝格式本地存檔。使用MD編輯器後，文件很清爽，快速專注寫作，不過在貼圖的時候遇到了一些問題，寫下此文記錄如何在VS Code中配置相關的插件，進行圖文寫作，而且可以直接導入到各個技術平台去發表文章。

• 遇到問題
  • 截圖不落地，直接貼在markdown檔案中，可以存儲並直接預覽。
  • 圖片上傳到七牛雲圖床，markdown中只留網絡圖片的連接進行創作。
  • 如何做到邊寫作邊預覽

註冊七牛雲

• 如果已經有了七牛賬戶請忽略此步驟
• 登錄：https://www.qiniu.com/
• 註冊賬號
• 實名驗證，功能要實名後才能使用

七牛雲配置信息

如下信息會作為配置用，在註冊與實名驗證後拷貝下來

• AccessKey/SecretKey
  進入連接：https://portal.qiniu.com/user/key
  
• Bucket
  進入連接：https://portal.qiniu.com/kodo/bucket
  
• Domain
  進入連接：https://portal.qiniu.com/cdn/domain
  

VSCode插件配置

若無vscode可進入下載：https://code.visualstudio.com/
自行搜索以下插件：

1. Markdown Preview Enhanced
2. Paste Image
3. Markdown All in One
4. markdownlint

插件配置

配置路徑

Markdown Preview Enhanced

Paste Image

測試實例