Lazy loaded imageGitHub + PicList + Vercel 免费搭建高速图床

本文转载:免费稳定,Cloudflare R2 + PicGo + WebP Cloud,全球畅通无阻!

 

事前准备

  • 域名(非必须,你也可以使用免费域名,或者Vercel分配的域名也可以)
  • GitHub(必须,你需要注册一个GitHub帐号)
  • Vercel(必须,你需要注册一个Vercel帐号,你也可以直接使用Vercel分配的域名,当然你也可以使用Cloudflare部署,基本步骤流程一样。)

创建Github私库并获取Token

  1. 创建一个Github仓库的私库,打开:https://github.com/new看图设置,项目名称随你设置,最后点击 Create repository 完成创建!
    1. notion image
  1. 获取 Github Token 打开:https://github.com/settings/tokens,然后点击 Generate new Token(Classic) ,把 repo 的勾打上,根据自己的需要设定过期时间(我设置的不过期)。然后翻到页面最底部,点击 Generate Token 的绿色按钮生成token。
    1. notion image
  1. Token只会显示一次,请复制Token后存到安全的地方,稍后设置软件需要用到,Github的相关设置完成!
    1. notion image

Vercel部署

  1. 使用Vercel部署 打开:https://vercel.com/new 选择你刚创建的私库!
    1. notion image
  1. 直接点击 Deploy 部署即可,项目名称随你设置,我就默认了,等待部署完成。
    1. notion image
  1. 给项目设置自定义域名,套上 CDN 加速。这里我就不细说了,不想写过于重复的内容,详细教程参考:https://blog.aizrf.com/p/55/ 其实就是设置个自定义域名,然后 CNAME 内容设置为 vercel.001315.xyz 。就套上加速了。
    1. notion image
      notion image
  1. 完成上一步操作后你设置的自定义域名,稍后设置软件需要用到,Vercel的相关设置完成!

Cloudflare部署

  • 可选项!!!这两个部署选一个就行,因为Vercel部署有现成的加速方案,我一般偏向使用Vercel进行部署,Cloudflare部署,我是没有什么好的加速方案,所以就不详细演示了。基本同理操作就是没有上方的套 CDN 加速的步骤。
  1. 选择你刚创建的私库。
    1. notion image
  1. 保存并部署。
    1. notion image

PicList相关设置

  1. 下载及详细教程参考:PicList - 一款高效的云存储和图片托管平台管理工具 如果你之前没用过PicGo,忽视 2.PicGo 迁移 步骤,忽视 3.设置 AWS S3 步骤。其他都可以按照教程设置一下,设置完成我们看下一步。
  1. 好,默认你已经完成上面的相关设置。点击软件界面中的 图床 → Gihub → 设置修改
    1. notion image
  1. 按照下方图片进行设置,设置完成最后点击确定保存!
    1. <table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line">"图床配置名" = 图床配置名,你自己随意设置</span><br><span class="line">"设定仓库名" = 格式是username/reponame,你的Github用户名/仓库地址,例如:zrf/images</span><br><span class="line">"设定分支名" = 分支名,默认是main</span><br><span class="line">"设定Token" = Github token</span><br><span class="line">"设定储存路径" = 用于指定图片存储位置,不填写则默认存储在默认位置,自定义存储路径,例如:img/</span><br><span class="line">"设定自定义域名" = 用于指定图片自定义域名,一般用于CDN加速。自定义域名,注意要加http://或者https://,域名最后面的/不要加</span><br></pre></td></tr></tbody></table>
      notion image
  1. 软件首页 上传区 切换使用你的Github图床,也可在 图床 → Gihub → 设置为默认图床
    1. notion image
  1. 你可以使用 PicList 上传图片视频以及压缩包等,Github 支持很多上传格式,到此就完成了图床的所有设置!
    1. notion image

博主总结

选择 Vercel (或 Cloudflare) 进行项目部署并配置自定义域名,实现 CDN 加速,该方案不仅满足了图片、视频和压缩包等多种格式的云存储需求,同时也提高了资源加载速度和使用体验,是面向开发者和站长的实用教程。通过本教程,用户将能够高效构建一个具备完整图床服务的云存储平台,有效提升项目部署和内容分发的效率。

相关链接

Vercel托管站点提速小技巧 点击前往
PicList - 一款高效的云存储和图片托管平台管理工具 点击前往
打造个人图床神器:免费稳定,Cloudflare R2 + PicGo + WebP Cloud,全球畅通无阻! 点击前往
Fscarmen佬 图床方案 佬的视频我看着想睡觉一直没真正看完过 点击前往
上一篇
NotionNext博客的‘说说’页实现
下一篇
利用 Cloudflare R2 + pages搭建在线网盘
zdDown
zdDown
精品资源分享
订阅

本文采用 CC BY-NC-SA 4.0 协议,完整转载请注明来自 zdDown

Loading...
加载歌单…