使用gitee搭建自己的图床
单独使用Gitee
最近发现自己博客中的图片全部消失,很苦恼.当时用的是七牛云,花好长时间弄好的,当时用的还是很顺畅的,但有一个坑,就是需要配置自定义域名(当时没有注意到这一点), CSDN博客专家的推荐下搭建图床的方式 – 使用github page搭建图床.
大体步骤如下:
1.创建gitee(码云)账号
1.1 登陆码云官网进行注册 https://gitee.com/
1.2 进行注册
2. 创建工程
2.1 创建一个新工程
2.2 填写项目信息 
3. 搭建你的项目
现在我们需要做的就是将刚才新建好的项目down下来
拉取代码到本地(这是git的基本操作,如果会就直接跳过)
复制图1 中的地址到地址栏点击确定
拉取下来后我们会看到这样的目录
现在我们在目录中建立一个文件夹如:picture ,并在其中随意放入一张图片
将新创建的文件纳入版本控制
点击确定
提交
提交到主分支上
再次推送
注意:这里可能需要你输入gitee的账号密码
当你看到这一步的时候就可以说是推送完成了
4. 启用gitpage服务
这时我们再次打开我们的gitee项目,选择右侧的服务下Gitee Pages
打开后我们点击启动
当我们点击启动后,启动成功的画面如下,我们点击下面的这个地址
还记得我们当时创建的文件夹名字和图片名字吗? 在项目名下加上文件夹(也就是路径)名字 再加上你的图片全面(加后缀)
我的路径是:
http://zi1.gitee.io/pic/picture/1.jpg
当做到这里你的图床路就搭建成功了!
此时你可以直接引用此路径,但稍微比较麻烦.
5.修改引用路径
如果你也是用Typora进行博客创作可以进行如下设置,可提高你的创作效率
将typora中图片保存设置为你的git存放图片的目录
那么此时,你的图片文件已经保存了一份在你的git本地,直接推送到远程仓库就可以了.操作与第三步一样,纳入版本控制后一顺推上去
推送完成后可以验证一下是否推送成功,在地址栏输入图片路径,进行验证
注意: 此时我们的图片引用的还是本地的路径,下面我们将图片改成gitee上的路径
我们将内容复制为markdown格式
我们将所有的内容黏贴到文本编辑器中,此处建议使用notepad++ 将所有的上斜线替换成下斜线
替换成gitee的路径
替换的时候我们只需要将本地路径替换成gitee路径即可.
验证我们的地址是否成功 – > 将替换后的文本全选黏贴到一个新的markdown中,如果图片可以显示出来,说明没有问题
** 注意: 建议将全文写完后再进行路径的替换**
6. 修改gitee主页
有朋友看到第一眼觉得这个主页很丑,你可以替换成你喜欢的主页都可以.这里推荐一个地址:
http://www.cssmoban.com/
下载自己喜欢的模板.
或者
打开你想要的页面,ctrl + s 保存网页(以百度主页为例www.baidu.com)
你会得到这样两个文件
将html文件名修改为index.hmtl
然后将这两个文件放如你的本地工程中
纳入版本控制,一顺上推就ok了.
在网上下载下来的模板也是一样的玩法.
结合Picgo
创建私人令牌
点击头像 ---> 设置 ---> 私人令牌 ---> 新生成令牌
点击提交，输入当前账号密码后，注意出现的令牌码一定要复制下来!!!
到这里gitee就OK了！！！
安装picGo插件
【注】如果没有Node.js就要先安装完Node.js，然后退掉PicGo再重新安装一次插件
图床设置
找到刚刚安装好的gitee
友情提示
厂库地址：
私人令牌：如果没有复制的话，那就重新创建一个在复制。
使用
picGo配合Typora使用
配置Typora
Typora进入偏好设置
点击图像，进行如下配置
错误解决
配置完成后点击验证图片上传选项
发生错误，提示Failed to fetch
解决方案
获取失败的原因：找不到路径。这里发现Typora的请求路径的端口是36677，而PicGo的端口是36679，所以会找不到路径。
解决：把PicGo的端口改成36677。
其他图床工具
https://github.com/zzzzbw/gitpic
https://github.com/xiebruce/PicUploader
参考：
https://blog.csdn.net/u010654995/article/details/88383995
腾讯云开发者
