CDN+GitHub搭建图床

前期搭建博客的时候,老是遇到图片无法加载、加载出错等等问题,很是烦恼。于是想搭建一个图床,进行个人博客图片的存储、显示使用。
​ 利用GitHub+jsDelivr+PicGo搭建免费图床,CDN图床就是这么朴实无华,是基于免费CDN与免费开源网站制作的免费CDN图床。

前言

  • 用 markdown 写博客,想插入一些图片,如果采用本地存储方式,上传博客时插入的图片路径就找不到了,需要手动再把图片上传上去,并且修改路径,很麻烦,可以考虑将图片上传至图床生成 URL,直接在markdown 引入url。
  • 现在国内用的各种图床,例如,微博图床、SMMS、Imgur、七牛云、又拍云、腾讯云COS、阿里云OSS等都有各种限制,或者需要收费。
  • 使用GitHub仓库创建一个图床,存在的问题是国内访问github的速度不是很快,可以利用jsDelivr CDN加速访问(jsDelivr 是一个免费开源的 CDN 解决方案)国内该平台是首个「打通中国大陆与海外的免费CDN服务」,网页开发者无须担心中国防火墙问题而影响使用。

具体步骤

  1. 新建github仓库
  2. 生成一个token密钥
  3. 下载PicGo、配置

1、新建一个github仓库

注意设置为公开即可,其他无需注意

2、生成token密钥

settings->developer settings->personal access tokens->Token


3、下载PicGo、配置

下载地址

https://github.com/Molunerfinn/PicGo

  • 仓库名:前面新建的仓库,格式:<用户名>/<仓库名>
  • 分支名:填写主分支main即可
  • Token:前面生成的token密钥
  • 存储路径:按你自己的需求填写
  • 自定义域名:图片上传后,PicGo 会按照 自定义域名+上传的图片名 的方式生成访问链接,此处我们填写jsDelivr的CDN加速地址,格式:https://cdn.jsdelivr.net/gh/<用户名>/<仓库名>

到这里就搭建完成了,输入url地址即可访问。

原文链接
10分钟教你使用Picgo+GitHub+ jsDelivr搭建CDN加速免费图床 (rstk.cn)

相关推荐
正经教主6 小时前
【Git】Git05-01:Git 远程仓库协作流程原理
git·gitlab·github
万事可爱^11 小时前
GitHub爆火开源项目——RustScan深度拆解
c语言·开发语言·rust·开源·github·rustscan
吃饺子不吃馅13 小时前
优化:如何避免 React Context 引起的全局挂载节点树重新渲染
前端·面试·github
逛逛GitHub14 小时前
Kimi 开源即爆火!K2 Thinking 有哪些实用玩法?
github
JEECG低代码平台15 小时前
GitHub 十大 Java 语言 AI 开源项目推荐
java·人工智能·github
码上农民19 小时前
微信样式下载
github
破烂pan1 天前
github下载repo中的单独文件
github
SelectDB1 天前
Doris MCP Server v0.6.0 正式发布
github
Solyn_HAN1 天前
GitHub 系统全面详细使用指南
github
逛逛GitHub2 天前
13 个优质的 GitHub 项目,哪个你用过?
github