系列目錄

一.前言

我們使用Markdown編寫博文，總免不了文章中出現圖片，這裡的圖片有兩種型別，一種是放在網際網路上的，一種是放在本地的。如果我引用的是網際網路上的圖片（如 https://xxx.com/xxx.png ），我們在各個渠道釋出的時候只需要複製貼上即可，但是這帶來一個問題，如果我們引用圖片的網站如果關閉了外鏈，那我們所發的文章的圖片都將會失效，影響文章的質量。如果我們的圖片放在本地，那麼我們在多個渠道釋出的時候，又需要在每個渠道一張張上傳圖片，豈不是太麻煩，太耗時間了。如果有一個工具能自動解析博文中引用的圖片，然後自動上傳到對應的渠道，並且把我們博文中引用本地圖片的連結改為對應渠道圖片的連結，那麼我們釋出也只用複製貼上即可，瞬間完成十分高效。這裡介紹一下開源專案 BlogTools

如果你覺得有用，歡迎來個star。

二.BlogTools的作用

這套工具只適用於用Markdown寫部落格或者文章的人群，如果你還不會請花一個小時的時間去熟悉，你就能感受到Markdown給你帶來的好處了。

使用這套工具前，建議先閱讀這篇文章：《如何高效的編寫與同步部落格》

BlogTools工具包就是為了解決前言中所述問題，它會解析Markdown檔案中的圖片，然後上傳到對於渠道，並且替換本地連結，下面用幾張圖來表示：

1.原文：

2.轉換為 阿里雲棲社群 渠道

3.轉換為 慕課網手記 渠道

主要就是減少你到每個渠道去上傳圖片的操作。你只需複製轉換以後的內容，貼上到對於的渠道即可完成釋出。

三.各個渠道工具包

工具名	說明	版本號
dotnet-aliyun	阿里雲棲社群
dotnet-imooc	慕課網手記
dotnet-tcloud	騰訊雲+社群
dotnet-cnblog	部落格園

四.安裝

使用這套工具需要你的pc具備 .NET Core 2.1版本 SDK 環境或者更高版本。且完全支援跨平臺，你可以在.NET Core 支援的任意Linux發行版、Windows、MAC OSX上使用。

1.阿里雲棲社群 工具安裝

開啟命令提示符（cmd），輸入下面的命令進行安裝

dotnet tool install -g dotnet-aliyun

2.慕課網手記 工具安裝

開啟命令提示符（cmd），輸入下面的命令進行安裝

dotnet tool install -g dotnet-imooc

3.騰訊雲+社群 工具安裝

開啟命令提示符（cmd），輸入下面的命令進行安裝

dotnet tool install -g dotnet-tcloud

4.部落格園 工具安裝

開啟命令提示符（cmd），輸入下面的命令進行安裝

dotnet tool install -g dotnet-cnblog

五.解除安裝

解除安裝工具的命令格式為：

dotnet tool uninstall -g <工具名稱>

六.使用

這套工具主要面向寫技術部落格的人員，所以工具在某些細節的地方並未做處理，比如“登入”。需要使用者自己登入以後，提取Cookie給工具使用。

1.阿里雲棲社群 工具的使用

(1).使用

獲取工具的幫助說明，請執行下面的命令，對每個引數都有說明：

dotnet-aliyun -h

輸出：

Usage: dotnet-aliyun [arguments] [options]

Arguments:
  MarkdownFilePath  Required.Your mrkdown File Path.

Options:
  -h|--help         Show help information
  -c|--cookie       Required.Cookie file path.

使用命令的格式為：

dotnet-aliyun <Markdown檔案路徑> -c <cookie檔案路徑>

例如:

dotnet-aliyun c:\blog\test.md -c c:\blog\cookies\aliyun-cookie.txt

(2).Cookie 的提取

b.開啟瀏覽器的開發者工具並選擇 network 選項卡，準備檢視上傳圖片的互動請求。

c.隨便選擇一張圖片上傳

d.檢視這次請求裡的Cookie，並儲存到文字檔案中

提取Cookie演示：

只複製圖中的括號中的資料

操作演示：

2.慕課網手記 工具的使用

(1).使用

獲取工具的幫助說明，請執行下面的命令，對每個引數都有說明：

dotnet-imooc -h

輸出：

Usage: dotnet-imooc [arguments] [options]

Arguments:
  MarkdownFilePath  Required.Your mrkdown File Path.

Options:
  -h|--help         Show help information
  -c|--cookie       Required.Cookie file path.

使用命令的格式為：

dotnet-imooc <Markdown檔案路徑> -c <cookie檔案路徑>

例如:

dotnet-imooc c:\blog\test.md -c c:\blog\cookies\imooc-cookie.txt

(2).Cookie 的提取

b.開啟瀏覽器的開發者工具並選擇 network 選項卡，準備檢視上傳圖片的互動請求。

c.隨便選擇一張圖片上傳

d.檢視這次請求裡的Cookie，並儲存到文字檔案中

提取Cookie演示：

只複製圖中的括號中的資料

操作演示：

3.騰訊雲+社群 工具的使用

(1).使用

獲取工具的幫助說明，請執行下面的命令，對每個引數都有說明：

dotnet-tcloud -h

輸出：

Usage: dotnet-tcloud [arguments] [options]

Arguments:
  MarkdownFilePath  Required.Your mrkdown File Path.

Options:
  -h|--help         Show help information
  -c|--cookie       Required.Cookie file path.
  --uin             Required.
  --csrf            Required.

使用命令的格式為：

dotnet-imooc <Markdown檔案路徑> -c <cookie檔案路徑> --uin <uin碼> --csrf <跨域驗證碼>

例如:

dotnet-tcloud c:\blog\test.md -c c:\blog\cookies\imooc-cookie.txt --uin 55566677 --csrf 7788991

(2).Cookie 的提取

b.開啟瀏覽器的開發者工具並選擇 network 選項卡，準備檢視上傳圖片的互動請求。

c.隨便選擇一張圖片上傳

d.檢視這次請求裡的Cookie，並儲存到文字檔案中

e.根據本次上傳圖片請求url中的引數提取uin碼和csrf碼

提取Cookie演示：

只複製圖中的括號中的資料

操作演示：

4.部落格園 工具的使用

特殊說明，關於使用js程式碼 document.cookie 獲取cookie，經測試騰訊雲+社群和慕課網手記可以，阿里雲棲社群js獲取到的cookie無效，因為必須的cookie項設定為了httponly，js無法獲取。

七.寫在最後

寫這個工具的初衷就是解決博文釋出到多個渠道的麻煩，工具不會收集你的任何資料，如有疑問可以檢視原始碼。關於Cookie提取確實是增加了工具使用的複雜度，不過提取的Cookie根據網站登入的選項 “xx天自動登入”，可以讓Cookie用很長一段時間，不需要每次釋出都去提取。為什麼不寫自動提取Cookie的程式碼，那是因為wo lan,bu xiang xie le，如果你有更好的想法，歡迎與我交流。