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

原文地址:https://www.cnblogs.com/liuyuan1227/p/14639116.html