使用GitHub和jsDelivr自建全免费图床托管CDN

为什么会需要使用GitHub托管内容 ​

因为静态博客框架的特殊性

导致直接把各种png jpg 音乐文件等等塞进public目录会导致打包的时候极度臃肿不适

这时候就可以把这些大体积文件单独拎出来

使用GitHub进行托管+jsDelivr CDN提供直链访问

创建一个GitHub仓库 ​

这个没什么说的 自己创建

然后你就会得到 你的用户名/仓库名

这样的一个URL

比如

https://github.com/kazukokawagawa/vitepress-theme-curve

上传文件 ​

一般来讲这个仓库是空的

例如你需要托管一个01.png

上传到这个仓库

然后就可以使用jsDelivr获取直链了

https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径

例如：

https://cdn.jsdmirror.com/gh/kazukokawagawa/chiyupic@master/pic/2025/0625/1.jpg

https://cdn.jsdmirror.com/gh/kazukokawagawa/chiyupic@master@master/pic/2025/0625/1.jpg

https://cdn.jsdmirror.com/gh/kazukokawagawa/chiyupic@master@main/pic/2025/0625/1.jpg

音乐文件or其他类文件：

https://cdn.jsdmirror.com/gh/kazukokawagawa/chiyupic@master/other/親愛なるあの日々へ.flac

https://cdn.jsdmirror.com/gh/kazukokawagawa/chiyupic@master@master/other/親愛なるあの日々へ.flac

https://cdn.jsdmirror.com/gh/kazukokawagawa/chiyupic@master@main/other/親愛なるあの日々へ.flac

备用：使用GitHub Pages ​

创建自己用户名 例如 kazukokawagawa.github.io 的仓库

然后上传一个index.html文件

使用Pages生成网页

再把需要直链的内容上传上去

使用 xxxx.github.io/test.png 访问即可

进阶：使用Vercel+自定义域名 ​

有些同学有自定义域名的需求 比如

webpic.chiyu.it 这种

这种最简单的方法推荐把项目扔个index.html

然后托管到vercel

绑定自己的域名之后

放静态资源使用自己的域名访问即可