Web / AI / Product Notes

写代码,也写一些想清楚的东西

这里记录前端开发、项目搭建、工具折腾、AI 应用和一些产品设计思考。

最新文章
界面设计ArticleUIDesign / Motion / Theme
界面设计2026/5/29

黑白主题不是少设计

黑白主题不是少设计 黑白主题的关键不在于颜色少,而在于层级、留白、对比和动效都要承担表达。Prelog 的两个主色是 E2E7BF 和 2B31F ,一个负责柔和高亮,一个负责强动作。 交互原则 按钮、标签、焦点态和阅读进度都使用同一套颜色语义。动画使用 Framer Motion 和 CSS transition,但正文阅读区保持稳定,避免让动效抢走注意力...

1 分钟1
后台系统ArticleLOGAdmin / PostgreSQL / Prisma
后台系统2026/5/29

用 Prisma 管住博客后台的边界

用 Prisma 管住博客后台的边界 后台第一版覆盖文章管理和评论管理。文章有草稿、发布、分类、标签、SEO 字段和 Markdown 正文;评论默认立即显示,但管理员可以隐藏、恢复或删除。 数据边界 所有写入都经过 Zod 校验,再交给 Prisma。数据库使用 PostgreSQL,关系通过 Prisma schema 表达,避免在业务代码中拼接 SQL...

1 分钟0
工程笔记ArticleNEXT文字排版 / Pretext / Next.js
工程笔记2026/5/29

把 Pretext 放进博客阅读体验

把 Pretext 放进博客阅读体验 Pretext 不是 Markdown 渲染器,而是一个文本测量和布局引擎。它适合处理普通 DOM 很难稳定完成的任务:提前知道段落高度、把文本绕过浮动区域、按行驱动动画,以及在富文本 inline 中保持准确的断行。 为什么博客需要它 首页卡片可以在数据加载后保持稳定高度。 文章标题可以根据真实分行做更自然的入场动画。...

1 分钟0