一个轻量级的在线字标生成工具,纯前端实现,无需后端,可本地使用,或者直接部署在 GitHub Pages 、 Cloudflare Pages。
🔗 在线体验: Demo 链接
- 实时预览 — 输入文字后即时渲染,所见即所得
- 多语言字体 — 内置 Inter、思源黑体、思源宋体、站酷系列等中英文字体,通过 Google Fonts CDN 加载
- 文字样式 — 支持加粗、斜体、字号调节(含快捷 S/M/L/XL)、字间距调整
- Emoji 支持 — 50 个常用 emoji 一键插入,折叠面板不占空间
- 背景模式 — 纯色取色 / 渐变色(线性 + 径向方向可选)/ 透明背景
- 形状选择 — 正方形 / 圆角矩形,圆角大小可自定义(含小/中/大快捷档位)
- 下载 PNG — 支持 256×256、512×512、1024×1024 三种导出尺寸,透明背景正常导出
- 极简设计 — 参考 Notion / ChatGPT 风格,界面干净无干扰
- 纯 HTML + CSS + JavaScript,零依赖
- Canvas API 渲染与导出
- Google Fonts CDN 加载字体(使用
fonts.googleapis.cn中国镜像,确保国内访问速度)
- Fork 或克隆本仓库
- 进入仓库 Settings → Pages
- Source 选择
main分支,目录选择/ (root) - 保存后等待几分钟,访问
https://你的用户名.github.io/logo-generator
- 登录 Cloudflare Dashboard → Pages
- 连接你的 GitHub 仓库
- Build command 留空,Output directory 填
/或留空 - 部署完成
直接用浏览器打开 index.html 即可,无需任何构建步骤。
MIT
