FORMA
  1. Latest

    v1.1.0

    发布 v1.1.0:PWA 与离线知识库、中英双语壳层、GSAP 菜单实验室;并修复 Umami / 生产环境变量,优化 Docker 与生产构建。

    亮点

    • PWA:Web App Manifest + Service Worker,支持安装到主屏幕与发版刷新提示
    • 离线知识库:浏览过的文章可「保存离线」写入 IndexedDB,弱网可继续阅读
    • 多语言界面:壳层支持中文 / English 切换;知识库正文仍以中文为主
    • GSAP 菜单:全屏滚动切换 62 个动效演示
    • 修复粒子力场:坐标基于舞台、原生 transform 驱动推开效果
    • 复杂动效扩容:矩阵雨、Coverflow、烟花、DNA、星系、群体追逐、磁力网格等

    新功能

    • 主题面板新增语言切换;导航、首页、页脚、更新提示等壳层文案双语
    • 知识库列表侧栏提供离线文库入口;详情页可一键保存 / 取消离线
    • Workbox 运行时缓存 /api/knowledge 与 /knowledge 页面(NetworkFirst)
    • 知识库代码块支持「Playground」:html / css / js / vue / ts / scss / less 可一键回填站内演练场(可用 no-playground 关闭)
    • 演练场支持 HTML / Vue / React 结构切换;Vue/React 可选 CSS·Sass·Less 与 JS·TS;可挂载 Tailwind / Bootstrap / Element Plus
    • 演示以自包含 HTML + 同源 /vendor/gsap.min.js 运行,不依赖外网 CDN
    • 支持目录搜索、进度 scrub、上一屏 / 下一屏与 Playground 导出

    修复

    • 修复粒子力场演示:坐标基于舞台、原生 transform 驱动推开效果
    • 修复生产裸跑 `node .output/server/index.mjs` 不读 `.env`,导致 Umami 看板凭证丢失
    • 修复 Umami 埋点依赖仅识别 wangxiaoze.cn 的 CDN hostname 映射,localhost / 其他域名无法统计
    • 修复 SPA 页面浏览漏报 / 同 path 重复上报(关闭 auto-track,改由路由钩子统一 PV)
    • 修复 GSAP 演示帧切换时的注入竞态;静态引入大包改为按需动态 import
    • 修复 Docker / 大仓构建期 Content · Nitro 堆内存不足导致的编译失败

    优化

    • 路线图中「PWA 与离线知识库」「多语言界面」标记为已完成
    • 路线图「文章内在 Playground 打开」已落地,条目从待开发清单移除
    • 构建:本地与 Docker 统一 `NODE_OPTIONS=--max-old-space-size=8192`,降低 Content / Nitro 编译 OOM 风险
    • 构建:Vite 改用 esbuild 压缩 JS/CSS,关闭 gzip 体积汇报,缩短生产构建时间
    • 构建:过滤 nitropack / i18n / content 上游环依赖与可选模板引擎 WARN,日志更干净
    • 构建:`@vue/compiler-sfc` 强制走 ESM browser 并在 Nitro 外置,避免 consolidate 误扫 handlebars/react
    • 构建:`pnpm build` 结束后将根目录 `.env` 复制进 `.output`;新增 `pnpm start` 自动 `--env-file` 启动
    • 构建:GSAP 占位标记拆为轻量模块,演示帧按需动态加载 gsap-bundle,TypeScript 单独拆 vendor chunk
    • 部署:Docker Compose 支持 `env_file` 与 `NUXT_PUBLIC_UMAMI_*` / 会话回放开关注入
  2. Beta

    v1.0.0

    FORMA 首个完整版本:把日常开发小工具、知识库、更新日志、想法清单与数据看板收纳在同一站点,从写作到访问洞察形成闭环。

    亮点

    • 首页宣传级落地页:品牌优先、工具入口同屏,主题色与系统外观(亮 / 暗 / 跟随系统)可一键切换
    • 知识库全面迁入本站:Markdown 即内容,支持分类、标签、置顶,以及列表 / 时间线 / 日历三种浏览模式
    • 数据看板接入 Umami:知识库内容结构与站点访问统计同页呈现,KPI 可按 7 / 30 / 90 天切换并对比上期
    • 更新日志与「待开发 · 后期考虑」分册维护:changelog.json / roadmap.json 驱动页面,侧栏未读角标提示新版本

    新功能

    • 工具台:代码美化、JSON、正则、色板 / Token、编解码、API 调试台、二维码 / 短链、Diff / 文本对比、Playground、图片压缩、视频处理、EXIF 读取
    • 简历生成器:多模板、实时预览、模块排序,本地编辑并导出,数据不出浏览器
    • Three.js 全屏演示与交互 Demo 合集:滚动 / 翻页同步,场景导航标示当前屏
    • 知识库:侧栏检索与分类筛选、详情滚动位置记忆、GET /api/knowledge 支持 date / archive / dateCounts
    • 更新日志页 /changelog:时间线展示亮点、功能、修复与优化,可手动维护版本记录
    • 想法清单页 /roadmap:按「待开发 / 考虑中 / 后期考虑」筛选,独立 JSON 维护条目
    • 数据看板 /data:文章 KPI、分类 / 写作量 / 目录洞察,以及流量趋势、来源、国家、浏览器、系统、设备、语言等图表
    • 站点更新提示:基于最新版本指纹检测未读更新,侧栏角标与右上角提示条可跳转日志

    修复

    • 修复首页 HeroCanvas 解析错误导致首屏异常
    • 修复知识库文档中的死链、Nginx proxy_pass、NestJS / Bun 锁文件等过时表述
    • 修复详情 KeepAlive 与列表滚动恢复偶发失效;全屏演示程序化翻页与虚拟窗口打架导致的错页
    • 修复数据看板「知识库 / 首页」仅改 URL 不切页,以及无数据时假 0 行、部分旗帜 emoji 不显示等问题
    • 修复知识库列表虚拟滚动与 CSS transform 动画冲突(已改为常规列表渲染)

    优化

    • 设计体系:Manrope / Syne / IBM Plex Mono,墨色变量与 SkyBg 侧栏氛围在知识库、日志、想法清单等页统一
    • 性能:Monaco、FFmpeg、Three 等按页按需加载;全局关闭多余 pageTransition,降低列表→详情 INP
    • 知识库内容整理:约 472 → 426 篇,合并 Jenkins、跨端、Git、Docker 等碎片笔记,小说类保留原貌
    • 路由滚动:知识库列表 / 详情专项恢复,减少「先回顶再跳转」的体感延迟
    • 数据看板:自定义起止日期、CSV / 图片导出;禁用 KeepAlive、ECharts hex/rgba、天数切换关闭 SWR
    • 知识库全文检索:正文高亮片段、多关键词、标签 / 日期组合筛选;详情系列连载导航
    • 首页最近使用工具快捷入口;RSS / Atom 与按分类子源;SSR 订阅页 /subscribe;OG 分享图(/og.png)
    • 可读性:国家 / 地区中文名(Intl.DisplayNames)、浏览器图标排行、空数据统一空状态,避免图表留白