Gitee+PicGo+Typora实现高速图床

之前使用GitHub搭建床图,我们都知道GitHub在国内速度感人,图片经常刷不出来,而且上传巨慢,今天我们用国内Gitee搭建床图,实现秒级上传,而且配和Typora笔记集成实现自动上传

Gitee创建图床仓库

注册登录码云账户,并创建一个仓库
image-20210605100622875

注意这里一定要选择开源,否则最后生成的图片地址访问不到!

获取仓库的私人令牌token

这个token需要配置在PicGo中,用于自动上传使用,很重要

  1. 进入Gitee首页点击头像,进入设置,在安全设置中找到私人令牌
image-20210605101826038
  1. 生成新的令牌:

    这里全选就可以,提交之后就生成一个token,这个要保存好,因为这个token只有在第一次生成的时候才会显示,关闭页面之后就无法显示。以后忘记了只能重新生成

    image-20210605102005400

安装配置PicGo

安装node.js

picGo依赖于node.js,所以我们要先安装node.js

下载地址:https://nodejs.org/zh-cn/

node.js安装很简单,在这里就不演示,基本直接下一步就OK,node.js会自动配置环境变量

安装好在cmd中输入:node -v 出现版本号就说明安装成功了。安装之后最好是重启一下。

node.js安装教程

下载PicGo

官网下载地址

git下载很慢

百度云下载:链接:https://pan.baidu.com/s/1yYaw01mIUIIgyhQ324Q-xQ 提取码:8888

安装成功页面如下:

image-20210605095818661
安装插件

在插件设置中搜索gitee,找到gitee-upload并安装

image-20210605100011315
配置Gitee

在首页 —>图床设置中找到gitee

  • repo:用户名/仓库名称,也就是仓库的URL,比如我自己的仓库zhao_shu_chao/img

  • branch:分支,这里写上master

  • token:这里填入刚刚我们申请的码云的私人令牌,也就是那个token

  • path:路径,我这里写的是blog

  • customPath:提交消息,这一项和下一项customURL都不用填。在提交到码云后,会显示提交消息,插件默认提交的是 Upload 图片名 by picGo - 时间

image-20210605101006159
生成的格式

配置到这里基本就可以使用了。剩下的就是一些额外说明

image-20210605102603897

在这里我们可以测试上传一张图片试试效果,上传之后再相册中查看照片路径

这个支持五种返回的链接的格式,前三种都是我们常用的

格式实例:

  1. 生成时链接格式选择markdown:

      ![](https://gitee.com/zhao_shu_chao/img/raw/master/blog/20210522184639.jpeg)
    
  2. 生成时链接选择URL:

     https://gitee.com/zhao_shu_chao/img/raw/master/blog/20210522184639.jpeg
    
  3. 生成时链接选择HTML:

  <img src="https://gitee.com/zhao_shu_chao/img/raw/master/blog/20210522184639.jpeg"/>
时间戳自动命名

在PicGo设置中打开时间戳命名即可

image-20210605103418290

配置完毕

集成Typora

到这里我们配置完毕了。很多人都使用Tppora在本地写博客文章,下面就演示一下Typora集成刚刚我们配置的床图,实现截图放在Typora或者上传本地图片自动上传到我们的床图

Typora下载地址:https://typora.io/

进入Typora的偏好设置,选择图像。

image-20210605104013090

在这里页面我们需要配置的是

  1. 插入图片时选择:上传图片
  2. 本地和网络图片进行勾选,这里千万不要对第五个勾选,也就是转义URL,会导致图片乱码不可读。
  3. 上传服务选择PicGo(app),选项里面还有一个pic(core),不要选错了。
  4. 配置好picGo的安装路径即可

到这里就完毕配置完毕,我们可以测试一下。我们随便截图一张图片,直接复制到笔记中,我们可以看到这个图片的地址变成了我们配置的图床网络地址了。这就说明Typora配置已经生效,自动帮助我们上传到了Gitee啦。

image-20210605104544785

我们回到gitee仓库中,就可以看到我们的提交记录:

image-20210605104909569

个人博客

个人博客,欢迎大家来访:https://zhaoshuchao.top

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值