Markdown文件上傳到博客-圖片處理


Markdown文件上傳到博客圖片處理

​ 當在本地寫完md文章后,上傳到博客園的時候會面臨一個尷尬的問題,就是本地圖片,上傳后都無法顯示,因為圖片時保存在的本地。針對這個問題有兩個解決辦法:

  1. 將圖片放在圖床上。文章里直接使用圖片的外部鏈接,這樣只要有網絡的地方就可以訪問到。
  2. 利用dotnet-cnblog工具。在我們寫完文章后,使用工具直接將文章的圖片全部上傳到博客園,然后圖片直接使用博客園的圖片地址,這樣就像正常我們在博客園寫文章上傳了圖片一樣。

兩個方法都有優缺點,這篇文章主要講第二種方式

一、dotnet-sdk下載

dotnet下載地址 點擊下載.NET環境。

image-20210409220522307

下載完成后安裝。安裝完成后,cmd中輸入dotnet --info,查看我們安裝的版本:

image-20210409004548977

二、安裝dotnet-cnblog

cmd中輸入以下命令:

dotnet tool install -g dotnet-cnblog

image-20210409004626428

三、初始化工具

輸入以下命令:

dotnet-cnblogblog

輸入需要博客園相關信息:博客園id、用戶名、密碼,一般博客園id和用戶一樣。

image-20210409004750763

  • 寫的有問題能夠:使用dotnet-cnblog reset 重置初始化操作

四、上傳圖片

輸入命令:
dotnet-cnblog proc -f 文件路徑

image-20210409004921984

如圖,工具掃描到文章中有兩個圖片,且全部上傳至了博客園。

重點 此時文件同路徑下生成了一個文件,文件名為”原文件名-cnblog,md“,這個文件里的圖片已經使用了博客園的地址,所以打開這個文件,ctrl+a,ctrl+c,到博客園的markdown編輯模式下ctrl+v,完美顯示圖片。

五、相關注意點

  • 登錄博客園-設置-勾選允許 MetaWeblog 博客客戶端訪問

image-20210409221953120

  • typora-文件-偏好設置-圖像,設置為:

image-20210409223630396

這樣你的文章的圖片,會保存在同目錄下的“文件名.assets”文件下。

image-20210409010214009


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM