gitee搭建图床

> 仅个人学习用,以下是记得笔记

Gitee 图床

1. 新建仓库

image-20210113221426230

2. 获取私人令牌

同样的,私人令牌和 GitHub 上的 token 一样,主要用于让 PicGo 有权限往我们的仓库 push 代码(图片)。

点击自己的头像,选择设置

image-20210113222056606

点击私人令牌,选择生成新令牌。

image-20210113222420963

同样的,我们只勾选更新代码的权限。填写私人令牌描述,点击提交。因为是敏感操作,此时需要确认密码。

image-20210113222755852

复制字符串下一步使用。注意,为了安全起见此字符串只会出现一次,点击其他页面后就无法再查看了,需要重新创建,所以最好先保存到本地编辑器中。

image-20210113223101983

3. PicGo 配置

PicGo 本体没有支持 Gitee ,所以需要下载一个插件,有人己经写好了。

打开 PicGo ,点击 插件设置,搜索框输入gitee,目前有两个插件应该都能用,任选一个安装,这里我选择的后面那个。

image-20210113225243341

安装好插件后,这时再选择图床设置,选择gitee,填写参数:

  • repo,填写格式为用户名/仓库名

  • branch,填写默认分支master

  • token,填写上一步获取的私人令牌的值

  • path,选填,可以自定义名称,不填图片会上传在仓库根目录。

  • customPath,这个会在上一个参数的基础上再创建一层子文件夹用于按年、年月或年季来分类保存。

  • customUrl,用于修改返回的 url 前缀,不填则返回原始 url。后面解决文件大于1M,登录后可见的问题需要更改此项。

在 PicGo 里,GitHub 的设置都是中文的, Gitee 插件的设置反而都是英文的,有点意思hh。

选择设为默认图床,点击确定保存配置。

image-20210113224703801

配置完成后,点击上传区,随便选择电脑上一张图片拖动到上传区,上传成功后会弹窗提示,将该 url 复制到浏览器打开就可以看到图片。可以在PicGo设置,打开上传后自动复制URL,这样上传成功后图片 url 会自动复制在剪贴板,可以直接粘贴到记事本。

image-20210112235111559

image-20210113224024050

4. Typora 配置

打开文件偏好设置图像,选择插入图片时上传图片,勾选图中三个选项,上传服务设定选择PicGo (app),PicGo 路径通过后面的文件夹选择自己电脑上 PicGo 的安装路径。

image-20210112233235226

此时,使用 Typora 编辑文件,拖入或者粘贴图片时,会自动调用 PicGo 将图片上传到我们的 Gitee 图床,并把返回的图片链接粘贴到文章中,快去试试吧。

5. 解决”文件大于1M,登录后可见”问题

从上一步可以看到 Gitee 存储的图片地址是 https://gitee.com/yushuaigee/myblog/raw 开头的网址,这个域名是国内站点,速度很快,无需配置CDN加速,图床配置好之后,图片上传成功,在浏览器也能打开,看似没毛病,其实暗藏玄机。

如果你上传的图片大于 1M ,不管是在下一步的 Typora 中还是在浏览器网页中,是无法加载出图片的,比如这张图片https://gitee.com/yushuaigee/myblog/raw/master/img/myblog.gif,输入到浏览器会显示文件大于1M,登录后可见。如果能打开是因为你前面已经登录了 Gitee 了,浏览器新建一个无痕窗口就打不开了。

image-20210113230821769

可是别人在浏览我们博客时不可能要先登录个 Gitee 吧,所以要想办法解决一下。前面我们将博客仓库打开 Gitee Pages 功能,其他人可以访问我们博客仓库里的博客了,图床仓库也一样,打开它的 Gitee Pages 功能,无需登陆就可以访问里面的图片了。

进入图床仓库主页,点击服务Gitee Pages

image-20210113231334002

点击启动部署。

image-20210113232431704

这样我们就可以通过Gitee Pages 地址来访问图床仓库里的图片了 ,地址前缀需要改一下。

对应的,PicGo 中就需要改一下自定义域名,之后上传图片自动生成的链接就是 Gitee Pages 上的地址了。具体就是在customUrl填写https://用户名.gitee.io/仓库名

image-20210113233142363

这种方法也存在一个问题,就是因为 Gitee Pages 不支持自动更新 (pro版支持,需要收费),每次上传完图片后,需要打开浏览器手动点一下更新。你可以写完文章,把图片一把上传,再点一次更新,但是终究还是有点麻烦。

image-20210113231428575

网上还有一堆脚本说能更新gitee page

Gitee Pages Action · Actions · GitHub Marketplace

但是,不好用折腾来去没成功

最后送给折腾了一下午的自己:sm.ms 不香吗?

😓5G不够换小号再来5G

github图床

我直接不写了,没啥意义,cdn麻烦死了

还有各式各样的图床

我试过的没试过得,一句话用sm.ms 算了

image-20211130202822683

 
 
posted @ 2022-05-06 13:08  CallMeChou  阅读(494)  评论(1编辑  收藏  举报