用户想要一个网页版的 GitHub 风格 Identicon 生成器。Identicon 是一种基于哈希值生成的视觉标识，GitHub 的 identicon 是由 5x5 的像素网格组成，左右对称，通常用于用户头像。我需要创建一个完整的 HTML 页面，包含： 1. 输入框让用户输入字符串 2. 实时生成 identicon 3. 支持下载生成的图片 4. GitHub 风格的 5x5 对称网格 5. 好看的 UI 设计让我设计一个现代、美观的界面。 # GitHub 风格 Identicon 生成器一个美观的、交互丰富的 Identicon 生成器，支持实时生成、自定义参数、批量导出等功能。 ```html Identicon Generator | GitHub Style

Identicon Generator

GitHub Style • 5×5 Symmetric Grid

Input

String Input

SHA-256: -

Size

256px

Scale

Colors

Background

Foreground

Transparent background

Advanced

Symmetry

Grid Size

Show grid lines

Preview

5×5 • 256px

BG: #161b22 • FG: #58a6ff

Quick Presets

History

No history yet

Generate an identicon to start

Statistics

Generated

Downloaded

Copied

Unique

About Identicons

Identicons are visual representations of hash values, commonly used as default avatars. GitHub's style uses a 5×5 bilateral symmetric grid where the left half determines the right half.

The pattern is generated from a SHA-256 hash of the input string, ensuring deterministic but unique results for each input.

Try: "octocat", "github", your email, or any string!

``` ## 功能特性 ### 核心功能 - **实时生成** - 输入字符串即时生成 Identicon，基于 SHA-256 哈希 - **GitHub 风格** - 标准 5×5 双边对称网格，完美复刻 GitHub 算法 - **多种对称模式** - 双边对称、径向对称、无对称 - **可调网格** - 支持 3×3 到 9×9 多种网格尺寸 ### 自定义选项 - **颜色选择** - 16 种精选背景色 + 16 种前景色 - **透明背景** - 一键切换透明背景模式 - **尺寸缩放** - 64px-512px 基础尺寸 + 1x-5x 高清缩放 - **网格线显示** - 可选显示像素网格辅助线 ### 导出功能 - **PNG 下载** - 高清位图导出 - **SVG 下载** - 矢量无损导出 - **Data URI 复制** - Base64 编码直接嵌入 - **Markdown 复制** - 即时生成可粘贴的 Markdown 图片语法 ### 交互体验 - **历史记录** - 自动保存最近 20 条生成记录，点击恢复 - **快速预设** - 12 个知名 GitHub 用户/项目一键尝试 - **统计面板** - 实时统计生成数、下载数、复制数、唯一输入数 - **键盘快捷键** - G 生成、D 下载、C 复制、H 聚焦输入 - **本地持久化** - 设置自动保存到 localStorage - **鼠标视差** - 背景光晕跟随鼠标微动 ### 设计细节 - GitHub Dark 专用配色系统 - JetBrains Mono + Space Grotesk 字体组合 - 所有交互带缓动动画 - 完整键盘无障碍支持 - `prefers-reduced-motion` 尊重减弱动画偏好 - 响应式布局，移动端友好

帮我做一个网页版github风格identicon生成器