P3

用原生 <details> 实现系列折叠页:从“点两次”到“稳定可控”

本文记录了在博客系列页面中使用原生 `<details>` 实现折叠列表时,添加“全部折叠/展开”按钮遇到的“点两次”问题,通过放弃 `toggle` 事件监听、直接同步状态变量和使用 `setTimeout` 等待 DOM 更新,最终实现稳定可控的全局控制功能。包含完整代码和原理分析。
P3

为评论区添加内容过滤与安全防护

为 Nuxt 评论区增加敏感词过滤、文档归属验证、防重复提交与限流,构建多层安全防护体系。包含前端实时验证、后端严格校验、递归 CTE 归属验证及生产环境建议。
P3

手写一个更适合 Nuxt 的 useRouteQuery:简化 URL 状态同步

封装一套开箱即用的 useRouteQueryString / Number / Array,将 70 行重复的 URL 状态同步代码压缩到 7 行,并彻底解决官方版本的 SSR 隐患。包含完整源码、防抖处理与反向同步示例。
P3

从零到一:构建一个功能完备的文档列表页

手把手教你用 Nuxt 4 构建一个支持 URL 状态同步、多维度筛选、移动端无限滚动、键盘翻页的文档列表页。包含手写状态管理、SSR 水合问题排查、组件拆分陷阱、标签多选(桌面端 Ctrl/移动端开关)等完整实现,附可复用代码。
P4

自托管 Umami 分析服务与 Nuxt 4 项目集成指南(扩展篇)

在现有 Docker 生产环境中集成自托管的 Umami 分析服务,通过 Caddy 自动 HTTPS 和 GitHub Actions 实现 Nuxt 4 项目的自动化数据跟踪。
P3

从零到一:为 Moongate 博客打造一个支持多级引用的评论区

介绍了 Moongate 博客的评论区设计和实现,包括多级引用、扁平时间线、引用块跳转、用户认证、响应式设计等。
P1

Nuxt 集成 RSS 服务完全指南:从模块到手写的优雅之路

手把手教你绕过第三方模块的坑,亲手构建完全可控的 RSS/Atom/JSON Feed 服务。
P3

Nuxt 评论区完美支持 Markdown:从解析、高亮到安全渲染

手把手教你为 Nuxt 博客评论区添加安全、美观、功能完整的 Markdown 渲染支持,代码块配色与文档(Nuxt Content)自动统一,深浅色模式无缝切换。
P3

Nuxt 中 URL 与状态双向绑定指南:从原理到实践

深入探讨 Nuxt 中 URL 与状态双向绑定的原理,解决后退按钮数据不刷新、输入框与 URL 不一致等常见问题。从错误尝试到正确实践,提供手写 watch 和 Pinia 两种稳定可靠的 SSR 安全方案,并对比与 localStorage 的适用场景。
P1

Nuxt 图片引用:<NuxtImg> 替代原生 <img> 的一次实践

介绍了为什么在 Nuxt 项目中,永远优先使用 <NuxtImg> 而不是原生 <img>。
已查询到 18 条文档
© 2026 MOONGATE