图片和项目推广素材提交到仓库后,可通过 GitHub raw、jsDelivr CDN 访问。这里集中管理 README 的 logo、banner、截图及演示视频;品牌资产清单记录现役路径、复用关系和待设计项。代码按 MIT 许可发布,项目图片素材保留原权利。
- Fork 此仓库并克隆到本机。需要压缩图片时安装
cwebp;在 macOS 上可执行brew install webp。 - 在仓库目录上传一张图片:
tools/add.sh ~/Desktop/logo.png my-project/。文件名决定 URL 末尾的名称;脚本可能将 PNG/JPG 压缩为.webp,以实际打印的链接为准。 - 提交并推送脚本生成的文件和
INDEX.md,然后把链接贴进 README 或浏览器。
本页 logo 就是一个可点开的真实图片链接:
https://cdn.jsdelivr.net/gh/webkubor/free-imgbed@main/free-imgbed/mark-v3.svg
在其他项目里传图,可先在图床仓库执行 tools/imgbed install,登记自己的 Fork:imgbed init <你的仓库地址>;此后在任意目录执行 imgbed push logo.png my-project/,由 CLI 压缩、提交、推送并打印直链。
图片上限 2 MB,视频上限 10 MB。已有图片路径被外部 README 引用时不要改名或覆盖;要换图,上传一个带版本号的新文件。
品牌交付:新旧 logo 与颜色体系对照 · 18 项待设计任务 · 验收截图 · 独立品牌设计 skill · 复用方法 · 交付说明。每个新版都有透明底 1:1 SVG、颜色 token 和设计理念;页面可切深浅背景和尺寸,也可复制完整任务交给自己的设计 Agent。
VitePress 教程: 快速开始 · 命名与链接 · 全局 CLI · 压缩及透明度 · AI Agent 接入 · 自定义域名 · 引用模板。
自有域名也提供 HTTPS 图片地址,例如 imgbed.webkubor.online/free-imgbed/mark-v3.svg。新图须等 Pages 部署完成才会出现在自有域名下;目前文档首页偶发超时,README 图片优先使用上面已验证的 jsDelivr HTTPS 链接。
展示 brand/*.json 指定的现役标识;深色主题用 <picture> 按系统偏好加载对应 darkAsset。旧版 logo 不在图床保留。