上傳本地 markdown 筆記至部落格園

MElephant發表於2022-04-19

前言

無論是學習還是工作中,寫部落格都是必備的技能之一。你的部落格裡,可以記錄自己的學習筆記,可以記錄自己在學習過程中的心得體會或疑難問題。

如果部落格內容僅僅是文字等,那麼直接複製本地書寫的 MarkDown 筆記,然後貼上到部落格園即可。可問題是,記筆記的時候,除了文字描述,有時候還會穿插一些配圖,而這些配圖往往儲存到了本地目錄下,無法上傳到部落格園中。而我們在部落格園直接寫文章的時候,如果想要配圖,直接將圖片拖拽到部落格園中,在釋出的時候,會自動生成一個網路連結。

想要解決這個問題,除了使用圖床外,還可以使用如下辦法。

一、外掛安裝

1.1 安裝 dotnet

1.1.1 下載

阿里雲盤:https://www.aliyundrive.com/s/6DsVu7tr4yc

由於後續用到的外掛 dotnet-cnblog 只能在 dotnet5.0 版本中使用,並未適配最新的 6.0 版本,所以需要使用本篇部落格所述方法的同學請下載 5.0 版本。

1.1.2 安裝

下載後雙擊「dotnet-sdk-5.0.407-win-x64.exe」進行安裝。

Windows 下,dotnet 會直接安裝到 c 盤,並自動配置環境變數。

1.1.3 檢測

安裝完成後,開啟cmd,輸入命令dotnet --info,如果出現下圖所示內容,即安裝成功。

image-20220419114019207

1.2 安裝dotnet-cnblog外掛

在cmd中輸入命令dotnet tool install -g --version 1.4.0 dotnet-cnblog

注意:該外掛作者在 GitHub 上釋出了 1.4.0 和 1.4.1 兩個版本,如果安裝時不指定版本,會預設安裝 1.4.1 版本。經過親自測試,只有 1.4.0 版本可用。

如果下載錯誤版本,可以使用命令dotnet tool uninstall -g dotnet-cnblog解除安裝該外掛。
出現下圖所示介面,表示安裝成功:

image-20220419114438889

1.3 部落格資訊配置

在 cmd 中輸入命令dotnet-cnblog,按照提示進行部落格配置:

image-20220419114632009

上述步驟全部完成後,還需在部落格園「設定-其他設定」中開啟「允許 MetaWeblog 部落格客戶端訪問」。設定完成後記得點選「儲存」按鈕。

image-20220419114859584

二、上傳

2.1 上傳圖片

在 cmd 中輸入命令dotnet-cnblog proc -f <markdown檔案路徑>,例如:

dotnet-cnblog proc -f E:\Documents\上傳本地 markdown 筆記至部落格園.md

處理後生成一個「上傳本地 markdown 筆記至部落格園-cnblog.md」檔案,儲存在你處理的檔案的同級目錄下。然後複製「上傳本地 markdown 筆記至部落格園-cnblog.md」筆記內容,貼上到部落格園的編輯器(MarkDown模式)釋出即可。

注意:1、該方法僅上傳本地路徑的圖片;2、圖片格式必須為![]() 才可以。

2.2 新增快捷方式

應用了上述方法後,編寫 markdown 到上傳到部落格園的步驟變得簡單了許多,不用再一張張圖片的上傳了。但是,依舊會輸入一些命令才能實現,比較複雜,不長期使用很難記住。

2.2.1 設定「右鍵\(\rightarrow\)傳送到」的功能

開啟「我的電腦」,在位址列中輸入%AppData%\Microsoft\Windows\SendTo並按下Enter鍵:

image-20220419115758447

2.2.2 建立bat檔案

  1. 在開啟的資料夾中新建 bat 檔案,根據自己的喜好為檔案命名,例如我命名為「上傳至部落格園.bat」。
  2. 開啟新建的 bat 檔案(不要雙擊開啟,右鍵選擇編輯),複製以下程式碼:
dotnet-cnblog.exe proc -f %1
pause
image-20220419120747633
  1. 儲存並關閉該檔案。

2.2.3 使用

在需要上傳的 markdown 檔案上右鍵,選擇「傳送到\(\rightarrow\)前面 bat 的檔名」。

image-20220419120954886

三、問題及解決方案

3.1 修改圖片大小無法上傳

3.1.1 問題描述

正常情況下,複製到 Typora 的圖片格式為![alt](本地圖片路徑),但有時候圖片太大,想要縮小,那麼你可以「右擊-縮放圖片」,那麼此時圖片格式就變成了<img src="本地圖片路徑" alt="alt" style="zoom:67%;" />,對於這種圖片格式,是不會被識別的:

image-20220419121653150

3.1.2 解決方法

將需要上傳的筆記中的所有圖片全部重新複製到文章結尾(注意是![]()格式),然後選擇「右鍵\(\rightarrow\)傳送到\(\rightarrow\)前面 bat 的檔名」,你會發現,成功上傳了文章中的所有圖片。

開啟「檔名-cnblog.md」 ,你會發現<img src="" alt="alt" style="zoom:67%;" />格式中的 src 地址也變成了網路地址,最後,刪除掉文末的臨時圖片,將文章複製、貼上到部落格園即可。

注意:圖片不要太大,不然會上傳失敗。

相關文章