6.GitHub+jsDelivr+PicGo搭建自用图床
in Vps技巧 with 0 comment

6.GitHub+jsDelivr+PicGo搭建自用图床

in Vps技巧 with 0 comment

一、前言
​ 1.用 markdown 写博客,想插入一些图片,如果采用本地存储方式,上传博客时插入的图片路径就找不到了,需要手动再把图片上传上去,并且修改路径,很麻烦,可以考虑将图片上传至图床生成 URL,直接在markdown 引入url。

​ 2.使用GitHub仓库创建一个图床,存在的问题是国内访问github的速度不是很快,可以利用jsDelivr CDN加速访问(jsDelivr 是一个免费开源的 CDN 解决方案)。

二、创建Github仓库
​ 创建一个github仓库,专门存放上传的图片。

 点击"New repository"按钮

新建一个仓库,填写好仓库名
仓库描述
将权限设置成 public
根据需求选择是否为仓库初始化一个 README.md 描述文件

三、生成Access token
点击用户头像 -> 选择 Settings
点击 Developer settings
点击 Personal access tokens
点击 Generate new token
填写 Token 描述,勾选 repo,然后点击 Generate token 生成一个 Token

按照下列步骤依次生成token,生成的token只显示一次,页面关闭后就看不了了,需要先将它复制下来。

四、配置PicGo,使用jsDelivr的CDN
下载PicGo软件,安装。下载路径:https://github.com/Molunerfinn/picgo/releases

打开PicGo进行配置

设定仓库名:按照 用户名/图床仓库名 的格式填写
设定分支名:master
设定 Token:粘贴之前生成的 Token
指定存储路径:填写想要储存的路径,如 img/,这样就会在仓库下创建一个名为 img 的文件夹,图片将会储存在此文件夹中
设定自定义域名:它的的作用是,在图片上传后,PicGo 会按照自定义域名+上传的图片名的方式生成访问链接,放到粘贴板上,因为我们要使用 jsDelivr 加速访问,所以可以设置为https://cdn.jsdelivr.net/gh/用户名/图床仓库名

当然PicGo还有许多配置,不懂可以看看PicGo提供的文档,https://picgo.github.io/PicGo-Doc/zh/guide/

五、使用免费图床
下面就可以愉快的图床了,选择需要的图片和格式,复制链接,粘贴到markdown中,就能显示了。

Comments are closed.