免费图床解决方案——PicX

自搭建静态博客以来，图片的存储始终是我工作流中的核心痛点。

在我之前的动态博客（WordPress）中，图片上传与文章编辑无缝融合，所见即所得，且可以直接在管理后台对图片进行压缩、裁剪等操作。而在静态博客环境下，图片管理被迫割裂为两个步骤：先上传至图床获取链接，再手动插入 Markdown，新增了图床这一环节，我当时被迫使用了第三方的图床，结果图床频繁跑路，我的图片资源也跟着消失了。

因此，在之前的文章《用 EdgeOne Pages 搭建随机图床》中，我自建了一套基于 Next.js + EdgeOne Pages 的存储方案，实现了随机图片 API 与图库浏览功能。这也是我一直以来的图片存储解决方案，但它也有一些明显缺陷：上传流程复杂，需要经历格式转换、文件移动、Git 提交、推送到 GitHub、再等待 EdgeOne Pages 构建完成。

也就是说，图片上传后无法立刻拿到可访问链接，体验并不够顺滑。

还有就是，这种基于 Git 工作流的方案在电脑上操作问题不大，但如果需要在手机上处理，就会变得非常麻烦。

最近，我发现了 PicX，一个基于 GitHub API 开发的开源图床工具，提供图片上传托管、图片链接生成和常用图片工具箱服务。

PicX#

项目地址：

GitHub: XPoet/picx
在线使用: https://picx.xpoet.cn/
官方文档: https://picx-docs.xpoet.cn/

优势#

操作便捷：支持直接在网页批量上传和管理图片
自动化配置：通过 GitHub OAuth 授权后，PicX 会自动创建一个名为 picx-images-hosting 的仓库存储图片和配置文件。无需手动设置仓库或目录结构，本地设置数据会实时与云端仓库同步。
图片处理能力：
- 自动压缩：支持三种图片压缩算法，WebP、mozJPEG、acil
- 水印添加：支持为图片添加自定义水印
- 目录管理：多种目录格式选择

访问速度#

PicX 默认生成的图片链接主要基于 github.io（GitHub Pages）和 raw.githubusercontent.com。由于这些服务器位于国外，国内部分地区访问速度可能不够理想。

为了解决这个问题，可以将 picx-images-hosting 仓库部署到 Vercel、EdgeOne Pages、Cloudflare Pages 等平台，从而获得更快的页面加载速度。

然后在设置页面更改生成图片链接的格式为部署后的域名即可 PicX 设置

这样一来，整套方案就形成闭环了：你在 PicX 网站上传图片，图片被存储到 GitHub，触发 Pages 部署静态网站，再直接获取链接。（好像和我的EO方案也没差到哪里去😓）