github+PicGo+jsdeliver+typora个人图床搭建
PicGo+Github+jsdelivr+Typora搭建个人图床 握着手教学
第一次博客,参考别人写的picgo+github搭建个人图床实践,其中存在一些小改变,同时自己实践中添加了typora插入图片时自动上传至图库,供小伙伴参考。还有一些操作指导
需要条件:
- github账号
- Picgo应用 官方下载 网盘提供下载,提取码nk9t
- Typora应用
准备好上述条件之后,开始体验
1、github配置
1.1 创建仓库用于放置图片
点击github主页的new新建仓库
填写仓库信息,1处填写仓库名字,自己取个名字,2处给仓库添加描述,3创建仓库
1.2创建Token并复制保存
Token的创建是给PicGo用来认证访问仓库
点击个人头像,选择settings选项
Settings设置界面选择Developer Settings
点击Personal access tokens,create new token用来创建token
Note处可记录一下这个token的用处,以后查看Token可知道这个token干什么用的
勾选Repo选项,点击最下面的Generate Token,生成Token
复制这个Token,蓝色框提示Token仅可见这一次,需要保存起来,我一般记录数据都是发送给微信的文件传输助手
2 配置PicGo客户端
下载链接再次放一下????
2.1 配置
配置注意项
- 仓库名为用户名/仓库名,
- 默认分支为 main不是以前的 master,还记得漂亮国的事情吧
- Token,为Pic Go访问Github的凭证
- 存储路径,可自己设置,设置一个存储路径后,上传时,github会生成相应目录
- 设定自定义域名, 这里设置为 https://cdn.jsdelivr.net/gh/用户名/仓库名@main,域名这里是使用了CDN加速,不使用的话,图片加载每次从github加载,体验不是很好
2.2 快捷键
快捷键及图片上传快捷键可自己修改,如我的默认为 ctrl+shift+p。
2.3上传图片
弄到这里的话就已经可以上传图片了,目前本人知道的使用方法为
2.3.1使用上传区上传
链接格式选择好后,上传完图片生成的连接为相应的格式。
相册处为已经上传的图片,每个图片下三个选项,依次为复制图片链接、修改图片链接、本地删除(不会删除远程仓库的图片)
图片链接即可在自己写文章时,插入图片时使用。
2.3.2 在软件外使用快捷键
本人的快捷键为ctrl+shift+P,目前的两种使用方式为
- 在本地选择本地图片,选中后按下快捷键,图片上传
- 图片复制或截切到剪切板(即剪切板上的内容为要上传的图片时),按下快捷键
上面就可完成日常的图片上传,考虑到很多人使用Typora编写markdown文档,下面介绍Typora的自动上传图片
3 Typora设置完成图片插入自动上传
Typora界面点击文件,选择偏好设置,进入设置界面,
点击图像,按照红色框选处设置好,分别要设置
-
插入图片时上传图片
-
配置好PicGo安装地址
设置完成后,每次在文档中插入图片时,就会自动上传到github仓库。实际使用时可看看自己的此处是否选择了
好了,结束,谢谢观看,希望对你有用
成后,每次在文档中插入图片时,就会自动上传到github仓库。实际使用时可看看自己的此处是否选择了
[外链图片转存中…(img-ZV8oY7Um-1605193232298)]
好了,结束,谢谢观看,希望对你有用