Skip to content
/ picx Public
forked from XPoet/picx

基于 GitHub API 开发的图床神器,图片外链使用 jsDelivr 进行 CDN 加速。免下载、免安装,打开网站即可直接使用。免费、稳定、高效。

License

Notifications You must be signed in to change notification settings

huangd-d/picx

 
 

Repository files navigation

PicX

Author Release License Stars Issues Deploy JavaScript Style Guide

官方网站 https://picx.xpoet.cn/

基于 GitHub API 开发的图床神器。 图片外链使用 jsDelivr 自动进行 CDN 加速。不用下载、不用安装,打开 PicX 官网 即可使用。

您只需 选择创建 一个 GitHub 仓库作为图床,然后在 PicX 进行 配置 就可以使用了,如此简单。

亮点::free: 完全免费、:trophy: 无比稳定、:rocket: 极速高效、:lock: 十分安全。


灵魂拷问,你在为图床问题烦恼吗?

  • 用 Hexo 等静态博客写文章,正愁图片保存在哪里...
  • 网上复制的心仪图片链接,用着用着某一天就失效了...
  • 花钱租服务器托管图片,划不来,而且上传配置好繁琐...
  • 其他公司的图床,都有时间期限,速度慢,存储空间小,还限流量...
  • 想找一款真正免费、稳定、不限容量、访问速度还很快的图床...

功能特性 | Features

  • 支持 拖拽复制粘贴选择文件 等方式进行上传图片
  • 支持图片 重命名哈希化(保证图片名永不重复)
  • 一键复制 图片外链(GitHub 和 CDN)
  • 图床管理(仓库图片的增删查
  • 支持图片 批量上传 (批量选择/批量拖拽)
  • 支持 PWA
  • i18n
  • 自由切换 Git 厂商 (例如:Gitee / Coding)
  • 图片压缩(前端使用 Canvas 实现的图片压缩效果极差,作者已放弃;如有需要,建议使用 TinyPNG

如何使用 | How to use

  1. 创建一个用来存储图片的 GitHub 仓库


  1. 创建一个有 repo 权限的 GitHub Token

    新生成的 Token 只会显示一次,请妥善保存,如有遗失,重新生成即可。


  1. 进入 PicX 官网 ,进行图床配置(绑定 GitHub Token、存储图片的仓库和目录)。

    1. 填写 Token,自动获取该用户下的仓库。

    2. 在仓库的下拉列表中,选择一个作为图床的仓库。

      image

    3. 选择一种目录方式(目录即仓库里存放图片的文件夹)。

      • 新建目录:需手动输入一个新目录。

      • 根目录:图片将直接存储在仓库根目录下。

      • 自动目录:自动生成日期格式 YYYYMMDD 的目录。例如:20200909

      • 选择仓库目录:自动获取仓库下所有目录,选择一个即可。

    至此完成图床配置,现在就可以开始上传图片了,快去试试吧~


  1. 上传图片。

    • 可通过 拖拽图片 到上传区域进行上传。

    • 可通过 复制粘贴图片 到上传区域进行上传。粘贴图片时,需先点击一下激活上传区域,如下图,上传区域的虚线边框变成墨蓝色,表示已激活,此时粘贴图片才生效。支持通过键盘快捷键粘贴(ctrl + v / command + v)。

    • 可通过 选择文件夹图片 到上传区域进行上传。

    选择图片完成后,会显示出图片详细信息,你可以 自定义修改图片名称给图片加上哈希码(确保图片名不会重复)。


  1. 图片上传成功后,即可复制图片外链。

  1. 图床管理,对仓库里保存的图片进行管理。

贡献 | Contribution

欢迎各种形式的贡献,包括但不限于:美化界面、增加功能、改进代码、 修复 Bug 等。

反馈 | Feedback

使用过程中,如果遇到问题,请给作者提 Issue

许可 | License

MIT Copyright (c) 2020 XPoet

About

基于 GitHub API 开发的图床神器,图片外链使用 jsDelivr 进行 CDN 加速。免下载、免安装,打开网站即可直接使用。免费、稳定、高效。

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Vue 56.1%
  • TypeScript 26.5%
  • Stylus 13.9%
  • JavaScript 3.1%
  • Other 0.4%