logo头像
Snippet 博客主题

巧用Gitee+PicGo+Typora搭建免费图床

1. 前言

最近在用七牛云进行存储文件时,我发现上传图片的会被压缩,图片分辨率压缩后会降低,将图片网络地址引入到博客中,图片内容辨识度也变得很低。

具体的图片被压缩原因是什么,再跟七牛云的客服和工程师进行短暂的沟通,了解到七牛云对象存储的一些限制:

  1. 未绑定国内备案域名的对象存储空间,由于测试域名的限制,默认开启了忽略url参数设置。即用测试域名访问到的图片会被压缩。
  2. 已绑定国内备案域名的对象存储空间,可以在存储空间设置里关闭忽略url参数,即不压缩。
  3. 对于海外未备案域名,七牛CDN可提供在纯海外区域(不含中国大陆)的加速访问。图片也能关闭忽略url参数,但是只能海外网络访问,中国大陆不支持访问。

当你写博时时,遇到以下类似问题而束手无策时,搭建免费图床可以帮助你解决:

  1. markdown插图流程繁琐:截图保存->图片上传到网络服务器->复制网络图片地址->插图到markdown。
  2. 阿里云、腾讯云、七牛云以及其他对象存储的服务提供商有限制,没钱或者懒得折腾,可以利用现有的免费资源来解决问题。
  3. 优化博客,对静态资源进行CDN加速,若hexo博客在github上托管,访问速度会很慢,将图片转移到国内开源仓库的码云是个不错的选择。

2. 配置环境

2.1 Gitee仓库配置

  1. 创建仓库

    注意: 作为图床的仓库,一定不能勾掉管理界面的在线编辑 是否允许仓库文件在线编辑选 项,否则使用PicGo管理的时候会导致操作被403 Forbidden。

  1. 创建私人令牌,使PicGo对仓库具有访问并更新的权限。

    image-20200731115734387

    注意: 私有令牌一旦提交,会以弹窗的形式告诉你token,请尽快复制,关闭窗口后无法找回,必须重新生成。

2.2 PicGo图床工具配置

  1. 下载并安装PicGo软件

  2. 检查是否有node与npm环境,若没有,请先移步nodejs官网安装node环境,确保node和npm环境没问题。

    1
    2
    3
    4
    C:\Users\LT>node -v
    v12.13.0
    C:\Users\LT>npm -v
    6.12.0
  3. 安装PicGo gitee-uploader插件。

    image-20200731113727771

  4. 插件配置。

    image-20200731114428370

  1. 复制一个图片到剪贴板,按Ctrl+Shift+P快捷键快速上传或者在左侧菜单上传区进行上传测试。

    image-20200731113617587

2.3 Markdown编辑器配置

我这里使用Typora当作MarkDown编辑器。所以这里我只介绍Typora与PicGo的配合使用,若读者使用其他Markdown编辑器,请自行研究。

Typora与PicGo配合使用也很简单,只需要打开Typora文件->偏好设置->图形设置一下就可以。

image-20200731121033635

至此我们就完成了Typora的设置,只要我们截图到粘贴板的图片,直接复制到Typora编辑器里,会默认上传到码云。

3. 参考资料

支付宝打赏 微信打赏

请作者喝杯咖啡吧