GitHub+jsDelivr+PicGo搭建免费图床

GitHub+jsDelivr+PicGo搭建免费图床

1、前言

​ 1.用 markdown 写博客,想插入一些图片,若是采用本地存储方式,上传博客时插入的图片路径就找不到了,须要手动再把图片上传上去,而且修改路径,很麻烦,能够考虑将图片上传至图床生成 URL,直接在markdown 引入url。git

​ 2.如今国内用的各类图床,例如,微博图床、SM.MS、Imgur、七牛云、又拍云、腾讯云COS、阿里云OSS等都有各类限制,或者须要收费。github

​ 3.使用GitHub仓库建立一个图床,存在的问题是国内访问github的速度不是很快,能够利用jsDelivr CDN加速访问(jsDelivr 是一个免费开源的 CDN 解决方案)国内该平台是首个「打通中国大陆与海外的免费CDN服务」,网页开发者无须担忧中国防火墙问题而影响使用。markdown

2、建立Github仓库

​ 建立一个github仓库,专门存放上传的图片。ide

3、生成Access token

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

4、配置PicGo,使用jsDelivr的CDN

下载PicGo软件,安装。下载路径:https://github.com/Molunerfin...阿里云

打开PicGo进行配置url

将刚才在Github上建立的仓库名和分支名填入设置中,生成的Token复制到配置中。spa

指定存储文件夹的路径,PicGo上传文件的时候,将自动在github仓库中建立此文件夹。.net

自定义域名:这个颇有用,若是设置了自定义域名,PicGo生成的访问连接,将是【自定义域名+文件名】的拼接方式。由于咱们须要使用jsDelivr加速访问,因此将自定义域名设置为【https://cdn.jsdelivr.net/gh/用户名/图床仓库名 】。3d

固然PicGo还有许多配置,不懂能够看看PicGo提供的文档,https://picgo.github.io/PicGo...

5、使用免费图床

下面就能够愉快的图床了,选择须要的图片和格式,复制连接,粘贴到markdown中,就能显示了。