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)

相关推荐
Hommy883 小时前
【开源剪映小助手】API 接口文档
开源·github·aigc·视频剪辑自动化·剪映api
laowangpython4 小时前
Rust 入门:GitHub 热门内存安全编程语言
开发语言·其他·rust·github
我科绝伦(Huanhuan Zhou)8 小时前
探索技术世界:我的GitHub数据库工具宝库
数据库·github
带娃的IT创业者10 小时前
GitHub Stacked PRs:重塑现代软件开发的工作流革命
github·软件开发·工作流·代码审查·pull request·stacked prs
今夕资源网11 小时前
Windows Terminal更舒适的命令行环境 仅11MB 支持并行运行WSLLinux子系统 github开源项目
windows·github·命令行·cmd·terminal
蝎子莱莱爱打怪11 小时前
小孩儿才做选择!Hermes 和OpenClaw 我都要!
人工智能·后端·github
CoderJia程序员甲12 小时前
GitHub 热榜项目 - 日榜(2026-04-29)
ai·大模型·github·ai教程
逛逛GitHub13 小时前
推荐 3 个 GitHub 画图 Skill,一句话生成流程图、架构图。
github
你知道“铁甲小宝”吗丶14 小时前
git推送到多平台(gitee/github)
git·gitee·github
茫忙然14 小时前
【简】Obsidian + GitHub + Quartz 个人博客 简单搭建 教程
github