Skip to content

hhy-2021/logo-generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

Logo 字标生成器

一个轻量级的在线字标生成工具,纯前端实现,无需后端,可本地使用,或者直接部署在 GitHub Pages 、 Cloudflare Pages。

🔗 在线体验: Demo 链接

截图

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 中国镜像,确保国内访问速度)

快速部署

GitHub Pages

  1. Fork 或克隆本仓库
  2. 进入仓库 Settings → Pages
  3. Source 选择 main 分支,目录选择 / (root)
  4. 保存后等待几分钟,访问 https://你的用户名.github.io/logo-generator

Cloudflare Pages

  1. 登录 Cloudflare Dashboard → Pages
  2. 连接你的 GitHub 仓库
  3. Build command 留空,Output directory 填 / 或留空
  4. 部署完成

本地使用

直接用浏览器打开 index.html 即可,无需任何构建步骤。

License

MIT

About

一个轻量级的在线字标生成工具,纯前端实现,无需后端

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages