Github+PicGo+jsDelivr搭建个人图床

  • 2020 年 09 月 14 日
  • 90次
  • 1016 字
  • 暂无评论

前言

markdown 是一门易于上手能帮助作者专心写作的文档编辑语言。而Tpyora是一款优雅的markdown编辑器。用 Tpyora 写的笔记和文章可以直接复制到 csdn简书博客 等上发布,很方便。

唯一的问题就是要处理下图片!

用Typora 写文章时插入本地图片,图片是存储在本地,如果本地图片被删除或者移动位置,那么文章中的图片就无法正常显示了。把内容复制到 csdn,简书、博客等发表,都会显示不支持外部链接。解决方法就是将图片上传到图床。

图床是干什么的? 图床就是一个便于在博文中插入在线图片连接的个人图片仓库。设置图床之后,在自己博客中插入的图片链接就可以随时随地在线预览了,并且不会因为任何意外原因无法查看,除非自己亲自删除。

目前图床优劣
1.微博等博客图床:以前用的人比较多,从 2019 年 4 月开始开启了防盗链,凉凉。
2.SM.MS:运营四年多了,也变得越来越慢了,到了晚上直接打不开图片,速度堪忧。
3.其他小众图床:随时有挂掉的风险。
4.Imgur等国外图床:国内访问速度太慢,随时有被墙的风险。
5.优质储存服务:例如七牛云、又拍云、腾讯云COS、阿里云OSS等,操作繁琐,又是实名认证又是域名备案的等。说真的以后网站的访问量大的话,还的买带宽等服务,按月收费,费用高。
6.GitHub 图床:免费,但是国内访问速度慢(利用 jsDelivr 提供的免费的 CDN 加速,鸡贼)

1. GitHub 仓库设置

1.1 新建 GitHub 仓库

点击 git 主页右上角的 + 创建 New repository

填写仓库信息,例如我就创建了一个 cloudimg 的仓库。这里注意,仓库得设置为 Public ,因为后面通过客户端访问算是外部访问,因此无法访问 Private ,这样的话图片传上来之后只能存储不能显示。所以要设置为 Public

1.2 创建个人访问令牌 Access Token

此时仓库已经建立,点击右上角头像,然后进入设置;

在页面最下面找到 Developer settings ,点击进入;

创建 Token

description(也是随心填),勾选复选框 repo ,接着到页面底部 Generate token 就完成了;

然后复制生成一串字符 token,这个 token 只出现一次,所以要保存一下(我一般记在微信收藏)。

2. PicGo 客户端配置

2.1 下载&安装

PicGo (目前 2.3.0-beta.3)是一个开源的图床工具,非常优秀。可以到 git 上下载,但下载速度太慢,所以我放了一个Yandex Disk的链接,速度快很多。
Git地址:PicGo
Win版下载链接:Yandex Disk

2.2 配置

点击PicGo配置,选择我们要用的GitHub图床:

GitHub设置

  • 设定仓库名:GitHub上对应的图床的仓库名,需要注意,仓库名不能有空格
  • 设定分支名:默认 master
  • 设定Token:之前申请过的 token 粘贴上去
  • 指定存储路径:图片在cloudimg存储库下的存储路径(我想把上传上来的图片存储在data文件夹里面,这里就填data/)
  • 设定自定义域名:

    1. 不使用jsDelivr:https://raw.githubusercontent.com/[Github_username]/[仓库名]/master
    2. 使用jsDelivr后:https://cdn.jsdelivr.net/gh/[Github_username]/仓库名@master

3. PicGo 使用说明

(1) 上传图片

(2) 上传完图片可以在相册中查看上传的图片(当然在github的cloudimg存储库中,也可以查看)

(3) 点击复制图片的访问地址,就可以直接在 Markdown 编辑器中使用了。

(4) 图片重新命名
在相册中,选择图片点击修改按钮,可以修改图片的名称。

(5) 工具默认上传前不做重命名,如果需要在上传前重新命名,我们可以到 PicGo设置中进行设置,把上传前重命名开关打开即可

(6) 修改上传快捷键

图片上传注意事项

配置好PicGo后就可以拖动本地图片到上传区了,注意:

  • 图片名最好是英文
  • 名字不能包含-空格 等一系列特殊符号

版权属于:slienca

本文链接:https://blog.slienca.top/archives/4.html



—— 暂无评论 ——

OωO