本地图片上传至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博客之旅啦!!!