Typora+PicGo+Gitee图床
Typora+PicGo+Gitee图床
介绍
- Typora:一个用于写文章的Markdown 编辑器,Typora 没有采用源代码和预览双栏显示的方式,而是采用所见即所得的编辑方式,实现了即时预览的功能,但也可切换至源代码编辑模式。-
- PicGO:一个用于快速上传图片并获取图片 URL 链接的工具,解放人工收到上传图片。
- Gitee:仓库,也可以选择其他图床,imgur、SM.MS、七牛云,阿里云oss等……
准备
下载PicGo
官方下载地址:https://github.com/Molunerfinn/PicGo/tags
选择一个版本,拉到最底下选择一个合适的下载包,这里选择的是PicGo-Setup-2.3.1.exe,顺便附上链接是,链接的PicGo版本是PicGo-Setup-2.3.1.exe。
链接: https://pan.baidu.com/s/1_KBvV1_kFasWmw7UjirqNg
提取码: vnj6
下载完成后一直下一步安装即可
下载Typora
官方下载地址:https://typoraio.cn/
这里选择对应系统、版本下载即可,需要注意的是Typora在1.0之后就开始收费了
这里选择的是1.0前的最新免费版0.11.18,链接:
链接: https://pan.baidu.com/s/1AScFv2Z5QeH3ghhKwSMtSQ
提取码: 8nfn
过期解决方案
由于0.11.18低版本免费时间过期后,无法使用,打开 Typora 时报错,提示已经过期,需要安装新版本
1、按Windows+R
打开运行窗口
2、输入regedit
,点确定,打开注册表
3、依次展开 计算机\HKEY_CURRENT_USER\SOFTWARE\Typora
4、然后在Typora
上右键,点权限
,选中 Administrtors
,把权限全部设置为拒绝
即可
到这Typora已经可以使用了;
仓库选择
图床可以选择使用GitHub、Gitee、腾讯云COS、阿里云OSS、SM.MS、七牛云等;GitHub有时会访问慢,图片可能出不来,所以这里选择的都Gitee,其实都不太稳,更好的是使用对象存储服务器,快又稳,40G的一年也就几块钱;
配置
配置Gitee
首先登录到Gitee,创建仓库
创建完成后点击管理选项,并且设置项目为开源,让外链可访问
然后点击头像处的设置,进入到设置页面
然后填写令牌描述、设置权限
提交之后需要输入密码,成功后会弹出私人令牌生成提示,私人令牌记得先找个地方存下,后续操作需要使用,忘记了要重新生成;
b354e1b44e2d45b61c12a221ac55609b
配置PicGo
打开PicGo,在图床设置选项下发现并没有Gitee,所以我们要先安装Gitee插件,我们打开插件设置页面并搜索Gitee,安装gitee-uploader即可。
如果安装失败的话试下先使用npm安装下PicGo插件,然后重启下PicGo。
cd D:\PicGO
npm install picgo-plugin-gitee-uploader
安装完成后可以看到图床设置菜单下多出了gitee菜单,然后我们将之前创建的Gitee仓库的参数设置到这里。
- repo:用户名/仓库名称
- branch:分支,创建时默认的master
- token:配置Gitee获得的私人令牌
- path:上传的路径,填image即可,会体现到图片的路径中
配置好这些就可以上传了
配置Typora
最终的效果是我们需要在使用Typora时实现本地图片自动上传仓库并且获取到图片的地址,那么要做的就是将Typora关联上PicGo,在Typora上传时关联的是PicGo,而PicGo会将图片保存本地并且上传到Gitee或者其他存储对象。
点击Typora界面上的文件=>偏好设置=>图像
设置完了PicGo路径,验证下图片是否可成功上传
可以看到Gitee仓库有两个图片了,都是刚刚的测试图片,在PicGo的相册菜单界面也可以看到这两张图片,在相册界面操作,图床仓库也会做相应操作。
到这就已经配置完成了,可以正常使用了。
结语
我们通过Typora编辑器使图片存在本地,然后可以通过设置Typora的上传服务(PicGoApp)去处理图片,而PicGo这边我们已经将它绑定了Gitee仓库,通过设置的令牌可以让PicGo上传文件到Gitee,从而实现在Typora编辑器自动上传图片到Gitee并且获取到远程地址。