dev.to | 📄 原文链接 | 2026-11-02 收录

我的 Hacktoberfest 小结：五个小应用、二十一张贴纸、全成就

来源：dev.to — 2026-11-01

📋 概述

脚部手术让作者这个月只能在家，反倒把 Hacktoberfest 打成了全成就：到万圣节为止发布了五个开源应用，集齐二十一张贴纸，拿下 Completionist++。五个应用全部围绕「隐私、离线、无后端」：给总忘记吃饭的男朋友做用餐提醒、在没有信号时也能用的步道查找器、把一篇博客改写成各平台文案的 Ripple、一次性整理 722 个书签的 Bookmark Buddy，以及用 Gemma 搭出的可走进去的鬼屋。技术栈高度收敛——前端的 Angular 22（zoneless、signals、新控制流），模型则是通过 WebLLM 与 WebGPU 跑在浏览器里的 Gemma，首次下载后完全离线，部署在静态托管上。

🔑 核心要点

模型只负责写字：Gemma 从不碰界面、声音和数据，边界划得清楚，出问题也容易定位。
小模型必须小步走：2B 级别的模型在大请求上会丢掉主线，一次只做一间房、一篇文案、一批书签效果明显更好。
给它简单格式，宽容地读回来：用 ROOM、SEE、HEAR 这样的短标签行，模型即使多加粗体或编号，解析器也能兜住。
让代码做代码擅长的事：Bookmark Buddy 先用关键词预分类，把菜谱书签从三个文件夹里归位，再交给 Gemma。
护栏要写进提示词和界面：每个提示都带内容规则，界面里保留警告、图片来源说明与减少动效开关。

💡 金句

Gemma writes the words, the app owns everything else. Gemma never touched the UI, the sound, or the data. It only wrote text.
译：Gemma 只负责写字，其他一切归应用：它从没碰过界面、声音和数据，它只写文本。

← 返回 dev.to 首页