PicGo 配合 Gitee 实现个人博客的高速稳定图床

为啥要用?

先说一下为啥子要用这个?

你写博客的有图片吧,不可能只有字,有图片的话要实现图片可以访问,那就必须有图床。

有人说我直接在博客园写博客的时候点上传不行吗,这个是可以,但是太慢了,操作繁琐。

而且一般我们都是把markdown文件编写好的,难道我一个一个上传获取到地址

显然是不可能的,但是既然博客园有上传的api 那肯定有自己的图床,

所以有个大神就做了小工具一键解析一键上传

地址

https://github.com/stulzq/dotnet-cnblogs-tool

这个挺好用的,之前支持直接添加右键菜单,然后右击markdown文件直接解析上传,最新版

这种方式不行了,只能用

dotnet-cnblog proc -f <markdown文件路径>

看作者的回复。

image-20210118102944284

这种方式,对于我这个懒人,显然繁琐了一点,所以问了下群里的小伙伴,他们用的都是啥图床,这里特别感谢

YJLAugus 大佬,他给出了gitee +picgo的方式,这篇博客就是我的探索搭建的过程

优缺点?

优点

  • 支持typora插件编辑即上传
  • 支持多平台,因为是个人图床
  • 免费

缺点

  • PicGO因为在github上下载速度很慢
  • typora 配合gitee upload 插件需要node环境
  • gitee支持外部链接的文件大小限制为1M(一般截图也不会超过1M)

PicGo

github地址:https://github.com/Molunerfinn/PicGo

简介

先看下简介

PicGo: 一个用于快速上传图片并获取图片 URL 链接的工具

PicGo 本体支持如下图床:

  • 七牛图床 v1.0
  • 腾讯云 COS v4\v5 版本 v1.1 & v1.5.0
  • 又拍云 v1.2.0
  • GitHub v1.5.0
  • SM.MS V2 v2.3.0-beta.0
  • 阿里云 OSS v1.6.0
  • Imgur v1.6.0

下载

官方下载地址

点击此处下载 应用

安装

直接安装即可,安装完如图

image-20210118114404036

安装gitee插件[选看]

最新版已经集成,无需安装,如果没有则进行安装

安装完,打开就是这样子

image-20210118114523562

点击插件设置,搜索gitee安装

注意:插件安装之前需要node(npm)环境,否则无法安装插件。

node环境安装参考:

https://www.cnblogs.com/makalochen/p/13762163.html

https://www.cnblogs.com/makalochen/p/13768288.html

image-20210118120038047

就会出现

image-20210118120410686

配置gitee

创建仓库

仓库名随意,但是必须要是公开的仓库,这样图片才能被外部访问。我创建的仓库地址为

https://gitee.com/makalochen/gitee-images

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

image-20210118135646485

创建完仓库记得要初始化

创建令牌

私人令牌是用来允许PicGo访问并更新你的仓库的,这个时候,你已经明白了PicGo的运行原理:PicGo将图片上传到你的gitee仓库,然后返回给你图片的具体地址,这样你用该地址便可以访问到位于仓库的图片了。

image-20210118135059792

image-20210118135139739

设置权限

PicGo要使用的私人令牌只需要user_infoprojects权限,勾选上后提交,gitee将会返回私人令牌的token,保存该token,因为该token只会出现一次,离开页面过后再不会出现

image-20210118140023948

image-20210118140136657

设置PicGo

设置图床

上一步已经将token令牌和仓库创建好了,现在进行配置

回到PicGo找到图床设置

设置中填入repotoken

repo 为owner/repoName格式

例:

仓库地址为:

https://gitee.com/makalochen/gitee-images

repo为:

makalochen/gitee-images

token 就是你的令牌

image-20210118140854033

测试上传,点击上传区,进行上传

image-20210118141830517

这时候你看你的gitee仓库应该就有了文件

image-20210118141925247

设置上传命名

你会发现上面的文件都是原文件名,那要是文件重名和就会上传不上去,这时候只要设置一下就可以

image-20210118143755373

设置typora

  • 点击Typora左上角的文件->偏好设置
  • 在弹出的界面中定位到图像,选择插入图片时选项为上传图片,并勾选对网络位置的图片应用上述规则
  • 设置完成如图所示

选择上传服务PicGo(app),点击验证图片上传选项,如果出现如下图所示界面,说明配置已成功,然后你就可以直接在Typora中插入图片了,Typora会自动上传并替换图片地址为网络地址。

image-20210118142739275

posted @ 2021-01-18 14:43  makalo  阅读(702)  评论(0编辑  收藏  举报