最近“高雅人士/恶俗企鹅”表情包火遍各大社群，找素材、开PS编辑太麻烦？一款专为该梗打造的在线生成器横空出世！基于Vue3+Vite构建，Vercel部署秒开加载，支持拖拽编辑、快捷键操作、外部图片粘贴，纯前端生成无需等待，让你30秒搞定专属斗图作品，彻底告别素材焦虑。
核心亮点：高效+自由，斗图体验拉满
- 极速加载，无需等待：采用Vue3+Vite前端架构，搭配Vercel全球CDN，打开网页秒进入编辑状态，拒绝冗长加载时间；
- 交互丝滑，全场景适配：支持拖拽、缩放、旋转文字/贴纸，键盘党狂喜——Ctrl+C/V复制粘贴、Ctrl+Z撤销、Delete删除，还有T键快速切换“插入文字/元素操作”模式，操作逻辑对标专业工具；
- 高度自由，创意无界：
- 内置海量“高雅人士/恶俗企鹅”原版素材，直接选用无需额外搜索；
- 支持Ctrl+V粘贴外部图片，想P谁就P谁，灵活适配二次创作；
- 文字字体、颜色、大小随意调节，双击即可重新编辑，细节拉满；
- 纯前端生成，快速分享：一键导出WebP格式图片，或直接Ctrl+C复制到剪贴板，群聊斗图无缝衔接，无需下载中转。
简单3步，搞定专属表情包
1. 验证访问（防滥用小门槛）
进入网站前需完成简单填空：高雅”” / 恶俗”“，答案填“人士”或“企鹅”即可解锁全部功能。
2. 编辑创作（操作零门槛）
- 选素材：点击左侧表情包库直接选用，或Ctrl+V粘贴外部图片到画布；
- 加文字：点击“文字工具”（或按T键），在画布任意位置点击输入，支持实时调整样式；
- 调细节：选中元素后，拖动手柄缩放/旋转，拖拽鼠标调整位置，点击空白处取消选中。
3. 导出分享
- 导出图片：点击下方“导出WebP”按钮，保存高清图片；
- 快速复制：点击“复制到剪贴板”（或Ctrl+C），直接粘贴到聊天框斗图。
技术幕后：AI辅助2小时“Vibe Coding”产物
这款工具是典型的“娱乐向快速开发项目”，核心代码由开发者与Claude 4.5 Haiku协作，仅用2小时完成开发。虽为趣味项目，但完整覆盖了前端交互逻辑、素材管理、快捷键适配等核心功能，验证了AI辅助下快速构建纯前端工具的高效性。
本地部署与自定义指南（技术党专属）
如果想在本地运行，或替换成自己的表情包库，可按以下步骤操作：
环境要求
- Node.js: v22.21.1（推荐版本，确保兼容性）
- Python 3（自定义素材时需用到）
本地运行步骤
- 克隆项目：
git clone https://github.com/Moeary/Penguin-Meme-Maker.git
cd Penguin-Meme-Maker
- 安装依赖：
npm install
- 启动开发服务器：
npm run dev
- 访问本地地址（默认http://localhost:5173）即可调试。
自定义表情包库（打造专属生成器）
- 准备素材：收集.jpg/.png/.webp格式图片，清空
public/meme-base文件夹后放入； - 生成清单：运行Python脚本自动创建素材索引：
python scripts/generate_manifest.py
- 批量处理（可选）：若需裁剪水印、转换格式，修改
scripts/crop_and_convert.py中的路径后运行，批量处理原始图片。
构建生产版本
npm run build
构建完成后，可部署到Vercel、Netlify等平台，生成自己的在线版本。无论是小白用户想快速生成表情包，还是技术党想自定义部署，都能满足需求。
评论