外链图片转存失败,源站可能有防盗链机制,导致图片加载不出来的问题(解决保姆级教程)如果想直接解决就把文章拉到最后+如何安装node.js+gitee仓库配置

本文提供了一种解决外链图片加载失败的方法,通过使用PicGo和Gitee。详细介绍了如何下载安装PicGo,注册并创建Gitee仓库,生成私人令牌,以及安装Node.js。还提到了配置环境变量和自定义模块路径,以及在Typora中使用PicGo上传图片的步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

如果想要快速解决,就把文章拉到最后

下载PicGo(国内镜像)
https://mirrors.sdu.edu.cn/github-release/Molunerfinn_PicGo/

点击v2.3.0
在这里插入图片描述

点击PicGo-Setup-2.3.0-x64.exe (64位安装)
在这里插入图片描述

点击运行
在这里插入图片描述

点击下一步
在这里插入图片描述

点击浏览,选择适合自己的安装目录,点击安装
在这里插入图片描述
点击完成
在这里插入图片描述

然后打开gitee
https://gitee.com/
在这里插入图片描述

点击右上角的注册
在这里插入图片描述

填写相关信息
在这里插入图片描述

然后登陆进入,点击仓库
在这里插入图片描述

点击加号,创建仓库
在这里插入图片描述

创建仓库
在这里插入图片描述
点击管理
在这里插入图片描述
找到基本信息

然后最下面,点击开源
在这里插入图片描述

然后找到头像,个人设置

找到左下角私人令牌,点击生成私人令牌
在这里插入图片描述

然后一定要记得复制私人令牌

新建文件夹img
在这里插入图片描述

先下载node.js插件
https://nodejs.org/en/

点击第一个绿色的16.15.0LTS(适合大多数用户)
在这里插入图片描述

下载完成后,双击点击运行
在这里插入图片描述
点击next
在这里插入图片描述

勾选右下角,点击next
在这里插入图片描述

点击change改变适合自己安装目录
在这里插入图片描述
点击next
在这里插入图片描述
点击next
在这里插入图片描述

然后点击install,点击finish
在这里插入图片描述
然后【Win+R】分别输入
node -v 显示安装的nodejs版本
npm -v 显示安装的npm版本

在这里插入图片描述

我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在我安装的文件夹【D:\Nodejs】下创建两个文件夹【node_global】及【node_cache】如下图:
在这里插入图片描述
在这里插入图片描述

创建完两个空文件夹之后,跟之前操作一样,在键盘按下【win+R】键,输入cmd,然后回车,打开命令行界面,输入下面命令,如图
说明:
prefix = 创建的node_global文件夹所在路径
cache = 创建的node_cache文件夹所在路径
在这里插入图片描述

右键点击我的电脑,然后点击属性。
在这里插入图片描述

点击高级系统设置
在这里插入图片描述

点击环境变量

在这里插入图片描述

点击编辑(修改用户变量)
在这里插入图片描述
点击新建
在这里插入图片描述
输入
E:\nodejs\node_global(这个为我刚刚创建node_global目录)
在这里插入图片描述
在系统变量中点击新建
在这里插入图片描述

在【系统变量】下新建【NODE_PATH】
在这里插入图片描述

在这里插入图片描述

更改node.js权限,右键,点击属性
在这里插入图片描述
点击安全
在这里插入图片描述

点击编辑
在这里插入图片描述
全部勾选然后应用
在这里插入图片描述

经过上面的步骤,nodejs下载的模块就会自动下载到我们自定义的目录,接下来我们测试一下。输入下面的命令:

npm install express -g # -g是全局安装的意思,不加 -g 就是默认下载到当前目录
在这里插入图片描述
在这里插入图片描述

配置PicGo
在这里插入图片描述

在这里插入图片描述

我们这里选择显示的图床是没有gitee要自己安装
要使用NodeJS中的npm包管理工具进行安装
命令:npm install picgo-plugin-gitee-uploader
在这里插入图片描述
如果一直提示没插件,就关闭再重新打开
在这里插入图片描述

出现gitee
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在typora
在这里插入图片描述

在这里插入图片描述

typora上传图片可以右键图片选择上传,也可以批量上传,步骤为:
格式->图像->上传所有本地图片

2022.5.22日修改----------------------
最后发现只能实现将本地md文件中的图片,上传到码云,而不能实现解决
CSDN外链图片转存失败,源站可能有防盗链机制,导致图片加载不出来的问题

所以我想出了一个解决办法
直接在CSDN写文章,然后导出为MD文件保存本地,别离线写文章了,一般都是在线写文章了,离线写文章的情况,用图片的情况也不多,所以将就一下了

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值