利用GitHub+jsDelivr+PicGo搭建免费图床,CDN图床就是这么朴实无华,是基于免费CDN与免费开源网站制作的免费CDN图床。

一、前言

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

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

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

二、克隆jsDelivr的Github仓库

使用免费的CDN平台jsDelivr搭建个人cdn资源网盘

https://blog.csdn.net/q906270629/article/details/106145109

​可单独专门创建一个img文件夹存放上传的图片。

GitHub上如何创建文件夹 超简单

https://blog.csdn.net/q906270629/article/details/106189247

5步搭建免费图床(CDN图床)再也不用担心网站网速与内存了

三、生成Access token

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

5步搭建免费图床(CDN图床)再也不用担心网站网速与内存了

5步搭建免费图床(CDN图床)再也不用担心网站网速与内存了

四、配置PicGo,使用jsDelivr的CDN

下载PicGo软件,安装。下载路径:PicGo

打开PicGo进行配置

5步搭建免费图床(CDN图床)再也不用担心网站网速与内存了

注:配置一定要和图片显示中的一样,“ / ”不需要的要删除,需要的一定要有,不然会出错。

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

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

自定义域名:这个很有用,如果设置了自定义域名,PicGo生成的访问链接,将是【自定义域名+文件名】的拼接方式。因为我们需要使用jsDelivr加速访问,所以将自定义域名设置为【https://cdn.jsdelivr.net/gh/用户名/图床仓库名 】。

当然PicGo还有许多配置,不懂可以看看PicGo提供的文档,PicGo

五、使用免费图床

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

5步搭建免费图床(CDN图床)再也不用担心网站网速与内存了

5步搭建免费图床(CDN图床)再也不用担心网站网速与内存了

免费图床就是这么的朴实、无华、且有内涵!

相关文章:

  • 2021-09-15
  • 2021-09-14
  • 2022-01-22
  • 2022-12-23
  • 2021-05-04
  • 2021-08-07
猜你喜欢
  • 2021-04-15
  • 2021-10-03
  • 2021-04-06
  • 2021-07-17
  • 2022-12-23
  • 2022-12-23
  • 2021-11-12
相关资源
相似解决方案