Meta tags:
description=A free image hosting application based on Cloudflare s Worker, R2, Pages, and D1 architectures.一款基于 Cloudflare 的 Worker、R2、Pages、D1 实现的免费图床应用 - roimdev/roim-picx;

Headings (most frequently used words):

uh, oh, roim, picx, navigation, 可选, saved, searches, files, github, footer, 项目, r2, 服务, 登录, search, code, repositories, users, issues, pull, requests, provide, feedback, roimdev, menu, use, to, filter, your, results, more, quickly, folders, and, latest, commit, history, repository, 预览说明, 为什么选择, 功能特性, 技术架构, 部署教程, 历史数据同步, 界面截图, 登录配置, 致谢, about, releases, packages, contributors, languages, 架构概览, 前端技术栈, 后端技术栈, 项目结构, 数据流程, 1️⃣, fork, 2️⃣, 注册, cloudflare, 并开通, 3️⃣, 创建, pages, 4️⃣, 链接代码仓库, 5️⃣, 设置环境变量, 6️⃣, 绑定, kv, 7️⃣, 构建项目, 8️⃣, 数据库迁移, 核心配置, oauth, google, steam, hugging, face, 存储, 步骤说明, 配置截图, topics, resources, license, stars, watchers, forks,

Text of the page (most frequently used words):
github (23), #cloudflare (16), pages (15), your (11), code (11), security (10), and (10), json (8), config (8), all (8), vue (7), reload (7), token (7), picx (7), functions (7), env (7), view (7), you (6), loading (6), worker (6), rest (6), api (6), oauth (6), participant (6), roim (6), enterprise (6), this (5), navigation (5), license (5), application (5), https (5), settings (5), hugging (5), face (5), google (5), app (5), migrations (5), vite (5), tailwind (5), search (5), docs (4), community (4), there (4), was (4), error (4), while (4), please (4), page (4), readme (4), roimdev (4), domain (4), com (4), true (4), 数据库 (4), 变量名 (4), client (4), secret (4), steam (4), wrangler (4), session (4), public (4), example (4), actions (4), quality (4), issues (4), support (4), typescript (3), stars (3), resources (3), hono (3), topics (3), image (3), hosting (3), 一款基于 (3), 实现的免费图床应用 (3), with (3), developer (3), post (3), content (3), type (3), fork (3), src (3), package (3), css (3), tsconfig (3), subgraph (3), end (3), more (3), files (3), development (3), commit (3), name (3), open (3), insights (3), pull (3), requests (3), signed (3), another (3), tab (3), window (3), refresh (3), sign (3), saved (3), documentation (3), use (3), feedback (3), grade (3), features (3), copilot (3), platform (3), solutions (3), explore (3), can (2), manage (2), footer (2), releases (2), repository (2), forks (2), 303 (2), 286 (2), apache (2), free (2), based (2), architectures (2), 相册管理 (2), 界面截图 (2), curl (2), admin (2), sync (2), limit (2), 100 (2), cursor (2), authorization (2), your_admin_token (2), picx_auth_token (2), 是否启用 (2), false (2), web (2), github_client_id (2), your_database_name (2), remote (2), file (2), sql (2), route (2), 构建项目 (2), 部署教程 (2), cdn (2), javascript (2), 功能特性 (2), toml (2), postcss (2), pnpm (2), lock (2), yaml (2), index (2), html (2), gitignore (2), 114 (2), commits (2), last (2), message (2), menu (2), projects (2), appearance (2), cancel (2), see (2), available (2), searches (2), repositories (2), business (2), advanced (2), source (2), customer (2), services (2), devops (2), merge (2), perform, that, action, time, not, share, personal, information, cookies, contact, status, privacy, terms, 2026, inc, other, languages, contributors, packages, published, report, watching, watchers, activity, about, made, 图片搜索引擎, hikarisearch, 图床实现, cfworker, 本项目参考了以下优秀开源项目, 获取密钥, 设置密钥, 填写应用信息, 创建应用, 进入开发者设置, 找到设置, 配置截图, 在应用中获取客户端, 和客户端密钥, 获取客户端凭证, auth, 设置回调地址, 注册一个新的, 步骤说明, 登录配置, 系统管理, 图片分享, 图片分享1, 删除页面, 上传结果, 选择上传, 上传页面, 管理页面, 登录页面, 如果返回数据中, 请将返回的, 放入下一次调用的, 参数中, your_next_cursor_here, nextcursor, hasmore, 调用同步接口, 获取你的管理员, 如果你之前已经有一些图片存储在, 中但还没同步到, 可以使用内置的同步, 历史数据同步, 数据集仓库名, username, dataset, hf_repo, access, 需要有写权限, hf_token, google_client_secret, google_client_id, google_login_enabled, key, steam_api_key, steam_login_enabled, 超级管理员用户名列表, 逗号分隔, user1, user2, admin_users, 允许登录的, 用户名, 表示允许所有人, github_owner, 用于前端调用, vite_github_client_id, github_client_secret, 默认存储类型, storage_type, 是否允许使用管理, 直接登录后台, allow_token_login, 管理员, 用于管理接口认证, 应用的根域名地址, 用于生成完整链接, base_url, 示例值, 核心配置, 在部署, 需要在, 中配置以下环境变量, variables, secrets, npx, execute, 0001_init, 首次升级可以使用命令进行数据库初始化, apply, bash, 在本地环境执行以下命令将初始表结构导入到, 8️⃣, 数据库迁移, 的函数变量名称需要与项目的变量名称一致, 如需修改, 里面的, 命名空间, 对应的文件是, note, 提示成功即可访问, 7️⃣, 在项目创建后, 设置项目的函数信息绑定, 6️⃣, 5️⃣, 设置环境变量, gitlab, 并选择需要构建的项目, 4️⃣, 链接代码仓库, 选项并创建项目, 3️⃣, 2️⃣, 并开通, 将本项目, 到自己的, 1️⃣, sequencediagram, 选择图片上传, upload, 验证结果, 存储图片文件, 返回存储路径, 存储图片元数据, 返回图片, url, 显示上传结果, 数据流程, 前端源码, components, views, 页面视图, utils, 工具函数, plugins, 插件配置, 根组件, restful, 动态路由处理, 静态资源, 文档资源, 数据库迁移文件, 项目依赖配置, 构建配置, 项目结构, 分布式键值存储, 用于会话管理和元数据存储, 的原生, 用于存储结构化元数据和统计信息, 兼容的对象存储服务, 用于存储图片文件, 轻量级, 高性能的, 运行在, edge, runtime, workers, serverless, 静态网站托管平台, 支持全球, 后端技术栈, http, 客户端, axios, 图标库, font, awesome, 提供类型安全, 下一代前端构建工具, 原子化, 的组件库, element, plus, 官方路由管理器, router, 渐进式, composition, 前端技术栈, graph, 用户端, 浏览器, 基础设施, 静态托管, 对象存储, 持久化, 会话管理, 键值存储, 第三方服务, 架构概览, 技术架构, 支持添加文本水印, 支持nsfw内容检测, 我的分享管理, 查看状态, 复制链接, 进阶上传, 保留原名, 自定义过期时间, 加密分享, 移动端自适应优化, 数据一键同步到, 数据库持久化存储元数据, 访问统计与热度分析, 上传图片关联登录用户信息, 文件前缀搜索, 文件过期自动删除, 多平台登录授权, 图片重命名, 管理页面支持分页加载, 上传图片时支持选择目录, 提供删除图片的访问链接, 简单的身份认证功能, 链接地址点击复制, 按目录查询, 目录创建, 图片删除, 图片列表查询, 图片批量上传, 独立部署, 无需担心第三方删除数据, 数据安全, 无需购买服务器, 克隆代码后部署, 即可使用, 零成本部署, 100w, 次的图片上传次数, 上传无忧, 300w, 次不计流量的图片访问, 10w, 次限制, 高速访问, 10gb, 的免费存储空间, 免费存储, 为什么选择, 4xvsykckw2exbpneampjcnaaoowu9stf, 在线预览地址仅作演示使用, 每天有使用限额, 请勿大量上传图片, 数据会定期清理, 请勿将预览图床地址用于生产环境, warning, 预览说明, 在线预览, items, history, latest, date, folders, tags, branches, main, additional, options, star, must, change, notification, notifications, dismiss, alert, switched, accounts, out, resetting, focus, create, qualifiers, our, query, filter, results, quickly, submit, include, email, address, contacted, read, every, piece, take, input, very, seriously, provide, syntax, tips, clear, users, jump, pricing, premium, for, add, ons, powered, collections, trending, archive, program, accelerator, maintainer, lab, programs, fund, developers, sponsors, partners, trust, center, forum, skills, ebooks, reports, events, webinars, stories, software, topic, industries, government, manufacturing, financial, healthcare, industry, cases, devsecops, modernization, case, nonprofits, startups, small, medium, teams, enterprises, company, size, marketplace, changelog, blog, why, stop, leaks, before, they, start, protection, secure, build, find, fix, vulnerabilities, enforce, changes, review, plan, track, work, instant, dev, environments, codespaces, automate, any, workflow, workflows, integrate, external, tools, mcp, registry, new, direct, agents, from, issue, write, better, creation, toggle, skip,

Text of the page (random words):
github roimdev roim picx a free image hosting application based on cloudflare s worker r2 pages and d1 architectures 一款基于 cloudflare 的 worker r2 pages d1 实现的免费图床应用 github skip to content navigation menu toggle navigation sign in appearance settings platform ai code creation github copilot write better code with ai github copilot app direct agents from issue to merge mcp registry new integrate external tools developer workflows actions automate any workflow codespaces instant dev environments issues plan and track work code review manage code changes code quality enforce quality at merge application security github advanced security find and fix vulnerabilities code security secure your code as you build secret protection stop leaks before they start explore why github documentation blog changelog marketplace view all features solutions by company size enterprises small and medium teams startups nonprofits by use case app modernization devsecops devops ci cd view all use cases by industry healthcare financial services manufacturing government view all industries view all solutions resources explore by topic ai software development devops security view all topics explore by type customer stories events webinars ebooks reports business insights github skills support services documentation customer support community forum trust center partners view all resources open source community github sponsors fund open source developers programs security lab maintainer community accelerator github stars archive program repositories topics trending collections enterprise enterprise solutions enterprise platform ai powered developer platform available add ons github advanced security enterprise grade security features copilot for business enterprise grade ai features premium support enterprise grade 24 7 support pricing search or jump to search code repositories users issues pull requests search clear search syntax tips provide feedback we read every piece of feedback and take your input very seriously include my email address so i can be contacted cancel submit feedback saved searches use saved searches to filter your results more quickly name query to see all available qualifiers see our documentation cancel create saved search sign in sign up appearance settings resetting focus you signed in with another tab or window reload to refresh your session you signed out in another tab or window reload to refresh your session you switched accounts on another tab or window reload to refresh your session dismiss alert message roimdev roim picx public notifications you must be signed in to change notification settings fork 303 star 286 code issues 4 pull requests 2 actions projects security and quality 0 insights additional navigation options code issues pull requests actions projects security and quality insights roimdev roim picx main branches tags go to file code open more actions menu folders and files name name last commit message last commit date latest commit history 114 commits 114 commits docs docs functions rest functions rest migrations migrations public public src src env env env development env development env example env example gitignore gitignore license license readme md readme md index html index html package json package json pnpm lock yaml pnpm lock yaml postcss config js postcss config js tailwind config js tailwind config js tsconfig json tsconfig json vite config ts vite config ts wrangler toml example wrangler toml example view all files repository files navigation readme apache 2 0 license more items roim picx ️ 一款基于 cloudflare 的 worker r2 pages d1 实现的免费图床应用 在线预览 功能特性 部署教程 界面截图 预览说明 warning 在线预览地址仅作演示使用 每天有使用限额 请勿大量上传图片 请勿将预览图床地址用于生产环境 数据会定期清理 预览 token 4xvsykckw2exbpneampjcnaaoowu9stf 为什么选择 roim picx 特性 说明 免费存储 10gb 的免费存储空间 高速访问 每月 300w 次不计流量的图片访问 每天 10w 次限制 上传无忧 每月 100w 次的图片上传次数 零成本部署 无需购买服务器 克隆代码后部署 cloudflare 即可使用 数据安全 独立部署 无需担心第三方删除数据 功能特性 图片批量上传 图片列表查询 ️ 图片删除 目录创建 按目录查询 链接地址点击复制 简单的身份认证功能 提供删除图片的访问链接 上传图片时支持选择目录 管理页面支持分页加载 ️ 图片重命名 多平台登录授权 github google steam 文件过期自动删除 文件前缀搜索 上传图片关联登录用户信息 访问统计与热度分析 d1 数据库持久化存储元数据 历史 r2 数据一键同步到 d1 移动端自适应优化 ️ 相册管理 创建 编辑 公开 加密分享 进阶上传 保留原名 自定义过期时间 我的分享管理 查看状态 复制链接 删除 支持nsfw内容检测 hugging face 存储 支持添加文本水印 ️ 技术架构 架构概览 graph tb subgraph 用户端 a 浏览器 https b cloudflare cdn end subgraph cloudflare 基础设施 b c pages 静态托管 b d pages functions d 读写 e r2 对象存储 d 持久化 h d1 数据库 d 会话管理 f kv 键值存储 end subgraph 第三方服务 d oauth 认证 g github api end loading 前端技术栈 技术 版本 说明 vue 3 3 5 渐进式 javascript 框架 使用 composition api vue router 4 6 官方路由管理器 element plus 2 13 基于 vue 3 的组件库 tailwind css 4 1 原子化 css 框架 vite 7 3 下一代前端构建工具 typescript 5 9 javascript 超集 提供类型安全 font awesome 7 1 图标库 axios 1 13 http 客户端 后端技术栈 技术 说明 cloudflare pages 静态网站托管平台 支持全球 cdn 加速 pages functions 基于 cloudflare workers 的 serverless 函数 hono 轻量级 高性能的 web 框架 运行在 edge runtime r2 s3 兼容的对象存储服务 用于存储图片文件 d1 cloudflare 的原生 sql 数据库 用于存储结构化元数据和统计信息 kv 分布式键值存储 用于会话管理和元数据存储 项目结构 roim picx src 前端源码 components vue 组件 views 页面视图 utils 工具函数 plugins 插件配置 app vue 根组件 functions cloudflare pages functions rest restful api 路由 route ts 动态路由处理 public 静态资源 docs 文档资源 migrations d1 数据库迁移文件 package json 项目依赖配置 vite config ts vite 构建配置 tailwind config js tailwind css 配置 tsconfig json typescript 配置 数据流程 sequencediagram participant u as 用户 participant f as 前端 vue participant a as api hono participant r as r2 存储 participant d as d1 数据库 participant k as kv 存储 u f 选择图片上传 f a post rest upload a k 验证 token session k a 验证结果 a r 存储图片文件 r a 返回存储路径 a d 存储图片元数据 a f 返回图片 url f u 显示上传结果 loading 部署教程 1️⃣ fork 项目 将本项目 fork 到自己的 github 账户 2️⃣ 注册 cloudflare 并开通 r2 服务 3️⃣ 创建 pages 项目 找到 pages 选项并创建项目 4️⃣ 链接代码仓库 连接 github 或 gitlab 并选择需要构建的项目 5️⃣ 设置环境变量 6️⃣ 绑定 r2 和 kv 服务 在项目创建后 设置项目的函数信息绑定 r2 和 kv 服务 7️⃣ 构建项目 构建项目 提示成功即可访问 note pages 的函数变量名称需要与项目的变量名称一致 如需修改 functions 里面的 env 命名空间 对应的文件是 route ts 8️⃣ 数据库迁移 在本地环境执行以下命令将初始表结构导入到 d1 npx wrangler d1 execute your_database_name remote file migrations 0001_init sql 首次升级可以使用命令进行数据库初始化 bash wrangler d1 migrations apply your_database_name remote 在部署 cloudflare pages 时 需要在 settings variables and secrets 中配置以下环境变量 核心配置 变量名 必填 示例值 说明 base_url 是 https picx your domain com 应用的根域名地址 用于生成完整链接 picx_auth_token 是 your secret token 管理员 token 用于管理接口认证 allow_token_login 否 true 是否允许使用管理 token 直接登录后台 storage_type 否 r2 默认存储类型 可选 r2 或 hf hugging face github oauth 登录 可选 变量名 必填 说明 github_client_id 是 github oauth app 的 client id github_client_secret 是 github oauth app 的 client secret vite_github_client_id 是 同 github_client_id 用于前端调用 github_owner 是 允许登录的 github 用户名 表示允许所有人 admin_users 否 超级管理员用户名列表 逗号分隔 例 user1 user2 google steam 登录 可选 变量名 必填 说明 steam_login_enabled 否 是否启用 steam 登录 true false steam_api_key 否 steam web api key google_login_enabled 否 是否启用 google 登录 true false google_client_id 否 google oauth client id google_client_secret 否 google oauth client secret hugging face 存储 可选 变量名 必填 说明 hf_token 否 hugging face access token 需要有写权限 hf_repo 否 hugging face 数据集仓库名 例 username dataset 历史数据同步 如果你之前已经有一些图片存储在 r2 中但还没同步到 d1 数据库 可以使用内置的同步 api 获取你的管理员 token picx_auth_token 调用同步接口 curl x post h authorization your_admin_token h content type application json d limit 100 https your domain com rest admin sync r2 to d1 如果返回数据中 hasmore 为 true 请将返回的 nextcursor 放入下一次调用的 cursor 参数中 curl x post h authorization your_admin_token h content type application json d limit 100 cursor your_next_cursor_here https your domain com rest admin sync r2 to d1 界面截图 登录页面 管理页面 上传页面 选择上传 上传结果 ️ 删除页面 图片分享1 图片分享 系统管理 相册管理 github 登录配置 步骤说明 注册 github 应用 前往 github developer settings 注册一个新的 github 应用 设置回调地址 https your domain com auth 获取客户端凭证 在应用中获取客户端 id 和客户端密钥 配置截图 找到设置 进入开发者设置 创建应用 填写应用信息 设置密钥 获取密钥 致谢 本项目参考了以下优秀开源项目 cfworker kv image hosting cloudflare worker kv 图床实现 hikarisearch 图片搜索引擎 made with ️ by roimdev about a free image hosting application based on cloudflare s worker r2 pages and d1 architectures 一款基于 cloudflare 的 worker r2 pages d1 实现的免费图床应用 topics pages cloudflare d1 hono r2 resources readme license apache 2 0 license uh oh there was an error while loading please reload this page activity stars 286 stars watchers 1 watching forks 303 forks report repository releases no releases published packages 0 uh oh there was an error while loading please reload this page uh oh there was an error while loading please reload this page contributors uh oh there was an error while loading please reload this page languages vue 58 2 typescript 41 6 other 0 2 footer 2026 github inc footer navigation terms privacy security status community docs contact manage cookies do not share my personal information you can t perform that action at this time