你好我是久远,最近在搭个人静态网页,到了最后一步了,传了几篇文章上去,结果文章传上去
了,图片全都失效了,没有办法,用现成的图床吧,担心哪天网站不稳定,图片全炸掉。所以最后
我选择了自己搭建图床。使用gitee以及picgo即可简单快捷的搭建自己的个人图床,无需担心和谐问
题以及稳定问题。
前提条件:电脑内装有nodejs以及npm 且二者均可正常运行。
bug处理部分放到了文章最后一个 part ,请滑到最后阅读。
picgo下载与安装进入picgo官网
点击免费下载即可下载。
打开安装包 进行安装
这里我们选择第一个,避免之后插件安装时产生权限问题。
安装环境随便填 记得住就行
安装完以后,我们启动 picgo ,这里注意,你点开 picgo 却看不到它是正常的,它默认在右下角启动,点开即可。
先进行普通的配置
然后我们进行插件安装
安装完插件并重启应用之后,我们可以看到图床设置那里出现了 gitee
观察界面,我们确认我们要填写哪些内容。
现在我们已经成功一半了。剩下的只需要注册gitee 然后新建仓库就好了!
gitee注册以及仓库的新建进入gitee官网 点击注册gitee 进行注册
输入名字邮箱密码即可注册
然后我们开始新建仓库!
网页右上角加号点开,选择新建仓库。
仓库创建选项,按图来即可 注意,一定要开源尽所有人可见!!
仓库创建成功的样子:
这样我们的 repo , branch 都弄好了。
然后我们点击右上角设置 进行token的获取。
点击左栏私人令牌
再点击生成新令牌
令牌描述随便写,权限全选即可。
然后新建令牌 新建之前会让你输入密码来进行确认。
然后就生成新令牌啦。我们在此可以复制到自己的txt文档中进行保存。
然后我们返回picgo进行配置即可。
按图配置即可。
然后点击确定即可。
然后我们返回上传区进行配置。
一定要选中为gitee图床 不然会传到别的地方去!!
然后我们随便截图一张进行上传测试。
有类似此的提示 则上传成功。
转到我们配置的仓库也可以看到有图片被上传
关于插件bug处理咱们在 picgo 上安装 gitee 插件的时候也可以看到, gitee 有三个插件,但是这里推荐第三种,前两种并不稳定。
我在安装第三种插件的时候,出现了非常多的错误。
首先,点击安装,picgo 进行弹窗表示 error 但是没有任何错误提醒。
点进picgo设置查看日志才知道问题所在。
那在这里呢,就给大家分享几个我遇到的坑,然后最终填上的。
首先是这样一段错误代码:
2021-10-08 16:27:47 [PicGo ERROR] 插件安装失败,失败码为1,错误日志为[37;40mnpm[0m [0m[31;40mERR![0m [0m[35mcode[0m EPERM
[0m[37;40mnpm[0m [0m[31;40mERR![0m [0m[35msyscall[0m open
[0m[37;40mnpm[0m [0m[31;40mERR![0m [0m[35mpath[0m D:nodejsnode_cache_cacachetmpedad6f19
[0m[37;40mnpm[0m [0m[31;40mERR![0m [0m[35merrno[0m EPERM
[0m[37;40mnpm[0m [0m[31;40mERR![0m[35m[0m FetchError: Invalid response body while trying to fetch https://registry.npmjs.org/picgo-plugin-gitee-uploader: EPERM: operation not permitted, open 'D:nodejsnode_cache_cacachetmpedad6f19'
[0m[37;40mnpm[0m [0m[31;40mERR![0m[35m[0m at D:nodejsnode_globalnode_modulesnpmnode_modulesminipass-fetchlibbody.js:162:15
[0m[37;40mnpm[0m [0m[31;40mERR![0m[35m[0m at async Arborist.[nodeFromEdge] (D:nodejsnode_globalnode_modulesnpmnode_modules@npmcliarboristlibarboristbuild-ideal-tree.js:1032:19)
[0m[37;40mnpm[0m [0m[31;40mERR![0m[35m[0m at async Arborist.[buildDepStep] (D:nodejsnode_globalnode_modulesnpmnode_modules@npmcliarboristlibarboristbuild-ideal-tree.js:906:11)
[0m[37;40mnpm[0m [0m[31;40mERR![0m[35m[0m at async Arborist.buildIdealTree (D:nodejsnode_globalnode_modulesnpmnode_modules@npmcliarboristlibarboristbuild-ideal-tree.js:210:7)
[0m[37;40mnpm[0m [0m[31;40mERR![0m[35m[0m at async Promise.all (index 1)
[0m[37;40mnpm[0m [0m[31;40mERR![0m[35m[0m at async Arborist.reify (D:nodejsnode_globalnode_modulesnpmnode_modules@npmcliarboristlibarboristreify.js:147:5)
[0m[37;40mnpm[0m [0m[31;40mERR![0m[35m[0m at async Install.install (D:nodejsnode_globalnode_modulesnpmlibinstall.js:170:5)
[0m[37;40mnpm[0m [0m[31;40mERR![0m[35m[0m FetchError: Invalid response body while trying to fetch https://registry.npmjs.org/picgo-plugin-gitee-uploader: EPERM: operation not permitted, open 'D:nodejsnode_cache_cacachetmpedad6f19'
[0m[37;40mnpm[0m [0m[31;40mERR![0m[35m[0m at D:nodejsnode_globalnode_modulesnpmnode_modulesminipass-fetchlibbody.js:162:15
[0m[37;40mnpm[0m [0m[31;40mERR![0m[35m[0m at async Arborist.[nodeFromEdge] (D:nodejsnode_globalnode_modulesnpmnode_modules@npmcliarboristlibarboristbuild-ideal-tree.js:1032:19)
[0m[37;40mnpm[0m [0m[31;40mERR![0m[35m[0m at async Arborist.[buildDepStep] (D:nodejsnode_globalnode_modulesnpmnode_modules@npmcliarboristlibarboristbuild-ideal-tree.js:906:11)
[0m[37;40mnpm[0m [0m[31;40mERR


