PicGo + Gitee(码云)实现markdown图床
效果图:
PicGo + Gitee(码云)实现markdown图床
PicGo + Gitee(码云)实现markdown图床
1. 安装
- PicGo
- picgo-plugin-gitee-uploader插件
首先打开picgo官网,下载安装包
如果速度慢,点击此地址下载:
mac: mac PicGo2.3.0
win: win PicGo2.3.0
安装之后打开主界面
选择最底下的插件设置,搜索gitee
点击右边的gitee-uploader 1.1.2开始安装
这里注意一下,必须要先安装node.js才能安装插件,没装的自己装一下,然后重启就行。
2. 建立图床库
点击右上角的+号,新建仓库
新建仓库的要点如下:
- 输入一个仓库名称
- 其次将仓库设为公开
- 勾选使用Readme文件初始化这个仓库
点击下一步完成创建
3. 配置PicGo
安装了gitee-uploader 1.1.2插件之后,我们开始配置插件
配置插件的要点如下:
- repo:用户名/仓库名称,比如我自己的仓库MysticalYu/pic,找不到的可以直接复制仓库的url,复制浏览器的仓库地址,而不是页面左上角显示的,容易出现大小写问题
- branch:分支,这里写上master
- token:填入码云的私人令牌
- path:路径,一般写上img
- customPath:提交消息,这一项和下一项customURL都不用填。在提交到码云后,会显示提交消息,插件默认提交的是
Upload 图片名 by picGo - 时间
这个token怎么获取,下面登录进自己的码云
- 点击头像,进入设置
- 找到右边安全设置里面的私人令牌
- 点击
生成新令牌
,把projects这一项勾上,其他的不用勾,然后提交
这里需要验证一下密码,验证密码之后会出来一串数字,这一串数字就是你的token,将这串数字复制到刚才的配置里面去。
注意:这个令牌只会明文显示一次,建议在配置插件的时候再来生成令牌,直接复制进去,搞丢了又要重新生成一个。
保存,完成即可。
4. 将仓库配置成giteePage页
我们需要通过链接来访问图片,这里将刚才建立的仓库设置成GiteePage页
- 点击服务,选择Gitee Pages
- 如果自己想使用Https的图片,比如自己的博客网站是支持SSL认证的话,可以勾选强制使用Https; 这里参考:为什么部署SSL证书后还是提示不安全
开启成功后再次访问就会变成下面的页面,这里的更新间隔是一分钟,需要手动更新,当然也可以配置WebHook触发服务器钩子来调用API自动更新,这里不涉及这方面,不展开。
这样我们就获得了一个可以访问的网址
通过这个网址和上面PicGo配置的Path组合就可以访问我们需要的图片的。类似这种:
https://mysticalyu.gitee.io/pic/img/20200409141450-lee-gh-2.jpg
Typora配置PicGo
**一个编写md文件的神器,官网地址:https://typora.io/ ** 使用方法和基本配置见百度谷歌。
这里说明一下如何配置PicGo文件上传到服务器。
配置如下
- 配置好PigGo的执行文件
- 验证一下图片是否能上传成功
这里可以选择插入图片的操作,比如直接上传服务器。
以上配置后,基本就可以实现自己的图床了。
题外
GiteePage读取的是仓库的index.html页面,所以我们可以下载一些画廊的模板来放在index页面,至于画廊如何读取上传的图片就自己琢磨吧。
附上自己的画廊地址:https://www.gschaos.club/gallery/
图床源代码 gitee图床代码地址