个人图床搭建

这是本人配置个人图床的过程,希望能对各位有帮助

为什么需要配置个人图床?

  • 因为我的上一篇博客有两张图片怎么都加载不出来,或许是命名问题?但其他图片也有中文名的,又或许是中间有空格?我也不知道,反正把我惹火了,而且我也不想每次插入图片手动编辑图片名,多麻烦啊!🤔
  • 有个人图床后,不止博客,其他需要网络图片的地方也可以用自己的图床了,好耶😀
  • 没事找事,喜欢捣鼓

方案优势

好,不啰嗦了,进入正题,我选择的是方案是GitHub + jsDelivr + PicGo

有什么优势呢?

  • 免费!免费!免费!,其实就是穷,没米儿用服务器,好像用服务器只做一个图床也duck不必🫠
  • 快!如果直接用Github,那么国内网络加载慢或者很可能加载不了,这时候就需要jsDeliver来进行加速了。
  • 此外,还需要一个本地的图床管理器,你总不能每次修改本地图片文件夹后手动Push吧,这时候就得请出PicGo
  • 请看ds是怎么夸它们的

这种组合是目前最流行且免费的个人图床解决方案,具有以下优势:

1. GitHub 作为存储空间

  • 免费:GitHub 提供免费的存储空间(每个仓库最大 1GB,单个文件最大 100MB)。
  • 稳定可靠:GitHub 是全球最大的代码托管平台,稳定性高。
  • 版本控制:GitHub 支持版本管理,可以随时回滚图片的历史版本。
  • 开源属性:GitHub 仓库可以设置为公开或私有,方便灵活。

2. jsDelivr 作为 CDN 加速

  • 免费 CDN:jsDelivr 是一个免费的 CDN 服务,可以加速 GitHub 仓库中的文件加载。
  • 全球加速:jsDelivr 的节点分布全球,确保图片加载速度快
  • 简单易用:通过 jsDelivr 可以直接访问 GitHub 仓库中的图片,无需额外配置。

3. PicGo 作为图床管理工具

  • 便捷上传:PicGo 是一款开源的图床管理工具,支持拖拽上传、剪贴板上传等多种方式。
  • 多平台支持:PicGo 支持 Windows、macOS、Linux 等操作系统。
  • 自动生成链接:上传图片后,PicGo 会自动生成图片的 CDN 链接,方便直接使用。
  • 插件扩展:PicGo 支持多种插件,可以扩展功能(如 GitHub 图床插件)。

怎么样,不赖吧,下面进入正题😁


下载PicGo

  • 直接上链接,点击下载,你可以选择Beta测试版体验一些新功能,也可以追求稳定版。根据你的系统选择对应的即可,我是x64_exe
  • 正常安装后打开,可能默认是静默启动的,需要你点击电脑右下角的图标打开窗口
  • 打开后依次点击图床设置 -> Github,然后有一个默认的应该,点击编辑,然后你会进入以下页面
  • 这时候你就可以先配置Github了,回头再来
    • 图床配置名:自己随便起个名字哦
    • 设定仓库名:你的Github图床仓库名,也可以加上用户名/
    • 分支:默认为master,或者你自己设置的分支
    • Toekn:把生成的Token直接粘贴过来
    • 设定存储路径,也就是你仓库里放置图片的路径,可以指定为一个文件夹images/,这样上传的图片会放到你仓库的这个文件夹下
    • 设定自定义域名:如果你用jsDeliver服务,格式为https://cdn.jsdelivr.net/gh/用户名/仓库名,比如我的就是https://cdn.jsdelivr.net/gh/pzhwuhu/Image-Hosting

image-20250331180510405

Github设置

1. 建立图床仓库

新建一个repo,第一次可以手动push一些图片上去,最后like thisimage-20250331175917321

2. 生成 GitHub Token

  1. 在 GitHub 右上角点击头像,选择 Settings
  2. 左侧菜单选择 Developer settings > Personal access tokens
  3. 这时候你会发现有两个选项,一个是Fine-grained,一个是classic的,选第一个,因为第一个权限粒度更细,安全性更高
  4. 点击 Generate new token,名称,介绍,到期时间等自定义
  5. 接下来选择Only select repositories,然后把你的图床仓库勾选上即可
  6. Repository permissions只选择一个Contents可读可写即可,这样就可以访问你图床仓库的图片并上传了,其他的选项最好不要给予access,不然可能会造成麻烦Account permission不需要添加,然后点击生成即可
  7. 复制生成的 Token(只会显示一次,务必保存好),填入到PicGo的配置中

嗯,当你按部就班完成上面的步骤,应该就可以了,你可以上传一张图片试试,看看是否成功

Typora

最后说一下,如果你使用这个编辑器的话,可以配置一下插入图片自动上传,点击偏好设置-图像

  • 插入图片时选择上传图片
  • 上传服务选择PicGo(app)
  • 路径填写你安装的路径,注意要直接指定为.exe

image-20250331182700964

总结

  • 通过上述配置,你就可以丝滑地在Typora插入图片了,还不用担心图片丢失,博客也可以直接链接网络图片,速度的话相当快
  • 希望能对你有所帮助😁😁😁

个人图床搭建
http://pzhwuhu.github.io/2025/03/31/个人图床搭建/
本文作者
pzhwuhu
发布于
2025年3月31日
更新于
2025年4月2日
许可协议