github+PicGo+jsdeliver+typora个人图床搭建

第一次博客,参考别人写的picgo+github搭建个人图床实践,其中存在一些小改变,同时自己实践中添加了typora插入图片时自动上传至图库,供小伙伴参考。还有一些操作指导

需要条件:

准备好上述条件之后,开始体验

1、github配置

1.1 创建仓库用于放置图片

点击github主页的new新建仓库

github+PicGo+jsdeliver+typora个人图床搭建

填写仓库信息,1处填写仓库名字,自己取个名字,2处给仓库添加描述,3创建仓库

github+PicGo+jsdeliver+typora个人图床搭建

1.2创建Token并复制保存

Token的创建是给PicGo用来认证访问仓库

点击个人头像,选择settings选项

github+PicGo+jsdeliver+typora个人图床搭建

Settings设置界面选择Developer Settings

github+PicGo+jsdeliver+typora个人图床搭建

点击Personal access tokens,create new token用来创建token

github+PicGo+jsdeliver+typora个人图床搭建

Note处可记录一下这个token的用处,以后查看Token可知道这个token干什么用的

勾选Repo选项,点击最下面的Generate Token,生成Token

github+PicGo+jsdeliver+typora个人图床搭建

复制这个Token,蓝色框提示Token仅可见这一次,需要保存起来,我一般记录数据都是发送给微信的文件传输助手

github+PicGo+jsdeliver+typora个人图床搭建

2 配置PicGo客户端

下载链接再次放一下????

官方下载 网盘提供下载,提取码nk9t

2.1 配置

github+PicGo+jsdeliver+typora个人图床搭建

配置注意项

  • 仓库名为用户名/仓库名,
  • 默认分支为 main不是以前的 master,还记得漂亮国的事情吧
  • Token,为Pic Go访问Github的凭证
  • 存储路径,可自己设置,设置一个存储路径后,上传时,github会生成相应目录
  • 设定自定义域名, 这里设置为 https://cdn.jsdelivr.net/gh/用户名/仓库名@main,域名这里是使用了CDN加速,不使用的话,图片加载每次从github加载,体验不是很好

2.2 快捷键

快捷键及图片上传快捷键可自己修改,如我的默认为 ctrl+shift+p。

github+PicGo+jsdeliver+typora个人图床搭建

2.3上传图片

弄到这里的话就已经可以上传图片了,目前本人知道的使用方法为

2.3.1使用上传区上传

链接格式选择好后,上传完图片生成的连接为相应的格式。

github+PicGo+jsdeliver+typora个人图床搭建

相册处为已经上传的图片,每个图片下三个选项,依次为复制图片链接、修改图片链接、本地删除(不会删除远程仓库的图片)

图片链接即可在自己写文章时,插入图片时使用。

github+PicGo+jsdeliver+typora个人图床搭建

2.3.2 在软件外使用快捷键

本人的快捷键为ctrl+shift+P,目前的两种使用方式为

  • 在本地选择本地图片,选中后按下快捷键,图片上传
  • 图片复制或截切到剪切板(即剪切板上的内容为要上传的图片时),按下快捷键

上面就可完成日常的图片上传,考虑到很多人使用Typora编写markdown文档,下面介绍Typora的自动上传图片

3 Typora设置完成图片插入自动上传

Typora界面点击文件,选择偏好设置,进入设置界面,

点击图像,按照红色框选处设置好,分别要设置

  • 插入图片时上传图片

  • 配置好PicGo安装地址

github+PicGo+jsdeliver+typora个人图床搭建

设置完成后,每次在文档中插入图片时,就会自动上传到github仓库。实际使用时可看看自己的此处是否选择了

github+PicGo+jsdeliver+typora个人图床搭建

好了,结束,谢谢观看,希望对你有用

成后,每次在文档中插入图片时,就会自动上传到github仓库。实际使用时可看看自己的此处是否选择了

[外链图片转存中…(img-ZV8oY7Um-1605193232298)]

好了,结束,谢谢观看,希望对你有用