笔记中的本地图片上传至CSDN无法显示问题

本地图片上传至csdn时无法显示问题

问题背景

原本是想将本地的笔记上传至CSDN，但却出现了图片无法显示的问题

这是因为csdn博客上有防盗链机制，本地的图片无法正常显示，但通过上网搜索，我了解到了“图床”这么一个术语，用来存储图片，生成外链，能够很好的解决这个问题！

前期准备

图床工具：PicGo

图片存储服务器：Github、Gitee、七牛云、阿里云OSS（这里我们以Gitee为例）

其他工具：Node.js

具体步骤

1、安装 PicGo

下载地址：https://github.com/Molunerfinn/PicGo/releases

下载好后，Edge浏览器会显示该下载文件有警告

解决步骤如下

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VVgymLJJ-1691028428609)(C:\Users\86152\AppData\Roaming\Typora\typora-user-images\image-20230723151740313.png)]

之后就可以打开下载好的文件安装了，有可能会出现下面的情况：

之后一路下一步就可以了！

安装完成打开如下图：

2、安装Node.js

下载地址：https://nodejs.org/en/

下载完成后一路 next 即可，

检测是否安装成功，在命令行输入node --version 检查 Node.js 版本，输入npm --version 检查 npm 版本

3、安装Gitee插件

在PicGo的界面中，点击左侧的插件设置，搜索gitee。

4、在gitee创建一个公共仓库【作为图床服务器】

在个人设置中，生成一个私人令牌

点击复制，后面要填写相关信息！

5、配置PicGo

打开PicGo，点击图床设置，进行如下设置。

6、将Typora关联PicGo

打开Typora的偏好设置，配置如下的相关设置：

出现如下的提示信息，则设置成功！

至此，问题得以顺利解决，开启CSDN博客之旅啦！！！