<?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet href="/rss.xsl" type="text/xsl"?><rss version="2.0"><channel><title>Margin</title><description>边白 · 记录代码、思考与灵感</description><link>https://baiwumm.com/</link><item><title>VibeCoding 一套 Admin 系统，五种技术栈实现</title><link>https://baiwumm.com/posts/n8wq4r7t/</link><guid isPermaLink="true">https://baiwumm.com/posts/n8wq4r7t/</guid><description>这篇文章介绍了一个多栈同构的后台项目：动手前锁死了哪些约定、跨端一致性该对齐在哪一层、AI Agent 承担了哪些工作、怎么在五分钟内跑起来，以及哪些 VibeCoding 工程配置可以直接抄走。</description><pubDate>Thu, 24 Sep 2026 02:20:00 GMT</pubDate><category>AI</category><category>AI 编程</category><category>Vibecoding</category></item><item><title>Qoder 限免 Qwen3.8-Flash：免费用到 9 月底</title><link>https://baiwumm.com/posts/m7qk3x2t/</link><guid isPermaLink="true">https://baiwumm.com/posts/m7qk3x2t/</guid><description>这篇文章整理了 Qoder 这轮限免活动的规则：9 月 18 日至 30 日使用 Qwen3.8-Flash 不扣 Credits，每天登录还能领 100 通用 Credits，附领取入口、适用范围和一些使用建议。</description><pubDate>Fri, 18 Sep 2026 03:30:00 GMT</pubDate><category>Qoder</category><category>AI 编程</category></item><item><title>Vibecoding 一个主题切换动画库：13 种揭幕方式</title><link>https://baiwumm.com/posts/theme-switch-animation/</link><guid isPermaLink="true">https://baiwumm.com/posts/theme-switch-animation/</guid><description>记录一个跨框架主题切换动画库的设计与实现：基于 View Transitions API 与纯 mask 动画，如何推导蒙版几何、让 13 种动画类型共用一套代码、把「圆形收起」重写成静止蒙版盒子，以及怎样在不抢状态管理的前提下接入 next-themes 与 @nuxtjs/color-mode。</description><pubDate>Wed, 16 Sep 2026 01:51:00 GMT</pubDate><category>AI</category><category>AI 编程</category><category>Vibecoding</category><category>npm</category></item><item><title>ZCode 周末送额度：3 亿 Token 免费领取攻略</title><link>https://baiwumm.com/posts/zk6q2m8d/</link><guid isPermaLink="true">https://baiwumm.com/posts/zk6q2m8d/</guid><description>这篇文章记录了 ZCode 周末免费送 3 亿 Token 体验额度的活动规则与领取步骤，并整理了这次活动的主角 GLM-5.3-Flash 模型的特点和一些使用建议。</description><pubDate>Fri, 28 Aug 2026 12:00:00 GMT</pubDate><category>ZCode</category><category>智谱</category><category>AI</category></item><item><title>Markdown 语法演示：本站文章的书写指南</title><link>https://baiwumm.com/posts/m7k3q9x2/</link><guid isPermaLink="true">https://baiwumm.com/posts/m7k3q9x2/</guid><description>这篇文章以真实渲染效果演示本站文章支持的全部 Markdown 语法，包括基础排版、Shiki 代码块扩展，以及 ::link-card 链接卡片、::video 视频卡片等自建语法。</description><pubDate>Fri, 28 Aug 2026 11:30:00 GMT</pubDate><category>Markdown</category><category>Astro</category><category>博客</category></item><item><title>视频卡片：在文章里嵌入一个视频</title><link>https://baiwumm.com/posts/v3k8mz7q/</link><guid isPermaLink="true">https://baiwumm.com/posts/v3k8mz7q/</guid><description>这篇文章介绍了本站新增的视频卡片语法 ::video，演示了如何用 B 站 BV 号或 mp4 直链在文章和瞬间里嵌入视频，并说明了构建期取数、本地缓存与失败降级的行为。</description><pubDate>Fri, 28 Aug 2026 02:00:00 GMT</pubDate><category>视频组件</category><category>Markdown</category><category>博客</category></item><item><title>Agent 免费模型盘点：现在还能白嫖什么</title><link>https://baiwumm.com/posts/f9k2m8xq/</link><guid isPermaLink="true">https://baiwumm.com/posts/f9k2m8xq/</guid><description>这篇文章盘点了 2026 年 8 月可以免费接入编码 Agent 的模型与渠道，包括 MiniMax 在 GMI Cloud 的限免活动、OpenCode Zen 的免费模型、CLI 工具的官方免费额度，以及可作兜底的常驻免费 API，附接入教程、官方链接和已失效渠道的避坑提醒。</description><pubDate>Fri, 28 Aug 2026 01:00:00 GMT</pubDate><category>AI</category><category>AI 编程</category></item><item><title>GLM-5.3-Flash 发布：从「牛来」神秘刷屏到开源普惠</title><link>https://baiwumm.com/posts/qv3m8zxr/</link><guid isPermaLink="true">https://baiwumm.com/posts/qv3m8zxr/</guid><description>这篇文章记录了智谱 GLM-5.3-Flash 的发布始末：从匿名模型「牛来」在 OpenCode 与 OpenRouter 上限时免费测试，到正式开源后的综合实力排名、320B-A18B 混合注意力架构、API 使用方式与 7 天体验卡领取。</description><pubDate>Thu, 27 Aug 2026 02:00:00 GMT</pubDate><category>AI</category><category>智谱</category></item><item><title>从 Halo 到 Astro：博客终于变简单了</title><link>https://baiwumm.com/posts/iy5v650a/</link><guid isPermaLink="true">https://baiwumm.com/posts/iy5v650a/</guid><description>这篇文章记录了我把博客从 Halo 迁移到 Astro 的原因，以及在博客、维护成本、极简设计和 AI 发展之后，我对个人博客的一些重新思考。</description><pubDate>Fri, 21 Aug 2026 02:00:00 GMT</pubDate><category>Astro</category><category>博客</category></item><item><title>音乐卡片：在文章里引用一首歌</title><link>https://baiwumm.com/posts/m6qk2v8x/</link><guid isPermaLink="true">https://baiwumm.com/posts/m6qk2v8x/</guid><description>这篇文章介绍了本站新增的音乐卡片语法 ::music，演示了如何用它在一篇文章或一条瞬间里嵌入网易云音乐的配乐，并说明了构建期抓取、本地缓存与失败降级的行为。</description><pubDate>Wed, 19 Aug 2026 08:30:00 GMT</pubDate><category>音乐组件</category><category>Markdown</category><category>博客</category></item><item><title>链接卡片：在文章里引用外链与站内文章</title><link>https://baiwumm.com/posts/k9x2m7p4/</link><guid isPermaLink="true">https://baiwumm.com/posts/k9x2m7p4/</guid><description>这篇文章介绍了本站新增的链接卡片语法 ::link-card，演示了如何用它引用第三方外链与站内文章，并说明了 TDK 自动抓取和失败降级的行为。</description><pubDate>Wed, 19 Aug 2026 07:05:00 GMT</pubDate><category>Markdown</category><category>Astro</category><category>博客</category></item><item><title>DeepSeek Harness 入门：从安装配置到跑通第一个任务</title><link>https://baiwumm.com/posts/fjvvy2hf/</link><guid isPermaLink="true">https://baiwumm.com/posts/fjvvy2hf/</guid><description>这篇文章介绍了 DeepSeek Harness 的完整入门流程，从 Node.js 环境准备、一条命令启动 Web UI，到配置 API Key、认识四种 Agent 模式并跑通第一个实战任务。</description><pubDate>Tue, 18 Aug 2026 16:00:00 GMT</pubDate><category>DeepSeek Harness</category><category>AI</category></item><item><title>年前小记：一次加班，一场尴尬，与一些过年随想</title><link>https://baiwumm.com/posts/r4aca87s/</link><guid isPermaLink="true">https://baiwumm.com/posts/r4aca87s/</guid><description>这篇文章记录了作者春节前最后一个工作日的轻松与尴尬，也聊到了催婚、彩礼等婚恋话题，以及春节返乡前的期待。</description><pubDate>Sun, 08 Feb 2026 07:03:54 GMT</pubDate><category>生活</category><category>随笔</category><category>婚恋</category></item><item><title>您好，2026：愿我们奔赴在热爱里</title><link>https://baiwumm.com/posts/trahfpha/</link><guid isPermaLink="true">https://baiwumm.com/posts/trahfpha/</guid><description>这篇文章是作者写给 2026 年的元旦问候，祝愿读者在新的一年里健康、平安，并朝着自己热爱的方向继续前行。</description><pubDate>Wed, 31 Dec 2025 16:00:00 GMT</pubDate><category>生活</category><category>随笔</category></item><item><title>Next.js 动态主题色切换：基于 CSS 变量的实现方案</title><link>https://baiwumm.com/posts/r254pvqf/</link><guid isPermaLink="true">https://baiwumm.com/posts/r254pvqf/</guid><description>这篇文章分享了一套基于 CSS 变量与根元素类名切换的 Next.js 动态主题色实现方案，包括使用 TweakCN 生成配色、定义多套主题以及配套的状态管理与切换动画。</description><pubDate>Thu, 25 Dec 2025 16:00:00 GMT</pubDate><category>Next.js</category><category>主题切换</category></item><item><title>2025 年终总结：健康、感情与工作</title><link>https://baiwumm.com/posts/s4nu29pj/</link><guid isPermaLink="true">https://baiwumm.com/posts/s4nu29pj/</guid><description>这篇文章是作者对 2025 年的年终总结，回顾了确诊克罗恩病、住院手术与治疗恢复的经历，也聊了感情、工作和对生活的重新认识。</description><pubDate>Tue, 23 Dec 2025 16:00:00 GMT</pubDate><category>年终总结</category><category>健康</category><category>生活</category></item><item><title>发现一款宝藏工具：Shots.so，几秒钟做出高级感 Mockup</title><link>https://baiwumm.com/posts/xmyhckcd/</link><guid isPermaLink="true">https://baiwumm.com/posts/xmyhckcd/</guid><description>这篇文章介绍了在线 Mockup 生成工具 Shots.so 的核心功能，包括多设备模板、多样化背景、多图片布局与动画导出，并分享了作者的使用体验。</description><pubDate>Mon, 18 Aug 2025 16:00:00 GMT</pubDate><category>设计</category><category>工具</category></item><item><title>Cover Magic：专业的封面设计工具，支持实时预览和高质量导出</title><link>https://baiwumm.com/posts/mcacdcrq/</link><guid isPermaLink="true">https://baiwumm.com/posts/mcacdcrq/</guid><description>这篇文章介绍了作者自研的封面设计工具 Cover Magic，说明了它面向技术博主的背景设计、内容编辑、主题模式与导出选项等核心功能。</description><pubDate>Tue, 05 Aug 2025 16:00:00 GMT</pubDate><category>工具</category></item><item><title>git commit -m &quot;feat: 告诉你妈，我现在买得起房子了！&quot;</title><link>https://baiwumm.com/posts/hesmwubw/</link><guid isPermaLink="true">https://baiwumm.com/posts/hesmwubw/</guid><description>这篇文章记录了作者为陪伴六年的老电脑退役、重新 DIY 一台新电脑的经历，从硬件知识恶补、预算不断失控到开箱装机，最后总结了一些轻松的感慨。</description><pubDate>Mon, 28 Jul 2025 16:00:00 GMT</pubDate><category>生活</category><category>DIY 装机</category></item><item><title>一次旅游引发的家庭争论：当节俭传统遇上&quot;趁能走多看看&quot;的晚年愿望</title><link>https://baiwumm.com/posts/vzybvjqp/</link><guid isPermaLink="true">https://baiwumm.com/posts/vzybvjqp/</guid><description>这篇文章记录了作者父亲去上海旅游引发的一场家庭风波，讨论了子女陪伴、父母心愿与家庭经济之间的现实矛盾，也表达了作者对孝顺的理解。</description><pubDate>Thu, 17 Jul 2025 16:00:00 GMT</pubDate><category>生活</category><category>随笔</category></item><item><title>让 GitHub 个人主页更专业：用 WakaTime 实现动态代码统计</title><link>https://baiwumm.com/posts/t5axusf8/</link><guid isPermaLink="true">https://baiwumm.com/posts/t5axusf8/</guid><description>这篇文章介绍了如何通过 WakaTime 与 GitHub Actions 为个人主页 README 自动生成代码统计信息，包含账号注册、IDE 插件安装、令牌配置与工作流编写等完整步骤。</description><pubDate>Mon, 07 Jul 2025 16:00:00 GMT</pubDate><category>GitHub</category><category>工具</category></item><item><title>Certimate + Let&apos;s Encrypt：零干预的 HTTPS 永续方案</title><link>https://baiwumm.com/posts/abb988gt/</link><guid isPermaLink="true">https://baiwumm.com/posts/abb988gt/</guid><description>这篇文章对比了 Certbot、Certimate、acme.sh 等主流 SSL 证书自动续期工具，并记录了作者使用 1Panel 一键安装 Certimate、配置授权与工作流，让 HTTPS 证书续签完全自动化的实践。</description><pubDate>Tue, 01 Jul 2025 16:00:00 GMT</pubDate><category>SSL 证书</category><category>工具</category></item><item><title>uni-halo + 微信小程序开发实录：我的第一个作品诞生记</title><link>https://baiwumm.com/posts/bp3vp5xw/</link><guid isPermaLink="true">https://baiwumm.com/posts/bp3vp5xw/</guid><description>这篇文章记录了作者使用 uni-halo 从零开发并上线微信小程序的完整过程，包括框架选型、环境准备、Token 配置与插件配置，最后总结了开发体验。</description><pubDate>Mon, 30 Jun 2025 16:00:00 GMT</pubDate><category>微信小程序</category><category>作品</category></item><item><title>2025 年中复盘：从代码到肠镜，我的跨界学习之旅</title><link>https://baiwumm.com/posts/wjb2am9z/</link><guid isPermaLink="true">https://baiwumm.com/posts/wjb2am9z/</guid><description>这篇文章是作者对 2025 年上半年的复盘，记录了确诊克罗恩病后的治疗与生活变化，也分享了对成长、健康与工作意义的重新思考。</description><pubDate>Sun, 29 Jun 2025 16:00:00 GMT</pubDate><category>年终总结</category><category>健康</category></item><item><title>当免疫系统叛变时，一个 IBD 患者的独白</title><link>https://baiwumm.com/posts/uecwnwzd/</link><guid isPermaLink="true">https://baiwumm.com/posts/uecwnwzd/</guid><description>这篇文章记录了作者从持续腹痛、暴瘦到确诊克罗恩病的求医过程，包括深圳就诊的曲折、广州的全面检查、多学科会诊与第一针类克治疗的经历。</description><pubDate>Thu, 26 Jun 2025 16:00:00 GMT</pubDate><category>生活</category><category>健康</category></item><item><title>Next.js 实战 (十)：中间件的魅力，打造更快更安全的应用</title><link>https://baiwumm.com/posts/xzht75ke/</link><guid isPermaLink="true">https://baiwumm.com/posts/xzht75ke/</guid><description>这篇文章介绍了 Next.js 中间件的应用场景和配置方法，包括身份验证、日志记录、重定向、CORS、限流和国际化路由等常见用法。</description><pubDate>Tue, 21 Jan 2025 02:33:00 GMT</pubDate><category>Next.js</category></item><item><title>Next.js 实战 (九)：使用 next-auth 完成第三方身份登录验证</title><link>https://baiwumm.com/posts/ss5vr9x7/</link><guid isPermaLink="true">https://baiwumm.com/posts/ss5vr9x7/</guid><description>这篇文章介绍了在 Next.js 中使用 next-auth 实现 GitHub 第三方登录的完整流程，包括 Provider 配置、会话管理和 Prisma 适配器集成。</description><pubDate>Fri, 17 Jan 2025 06:12:00 GMT</pubDate><category>Next.js</category><category>next-auth</category></item><item><title>Next.js 实战 (八)：使用 Lodash 打包构建产生的&quot;坑&quot;？</title><link>https://baiwumm.com/posts/y86yqffk/</link><guid isPermaLink="true">https://baiwumm.com/posts/y86yqffk/</guid><description>这篇文章记录了 Next.js 项目打包构建时因 lodash-es 引用 Dynamic Code Evaluation 导致 Edge Runtime 报错的问题分析和解决过程。</description><pubDate>Wed, 15 Jan 2025 08:57:00 GMT</pubDate><category>Next.js</category></item><item><title>Next.js 实战 (七)：浅谈 Layout 布局的嵌套设计模式</title><link>https://baiwumm.com/posts/xf9pgbmn/</link><guid isPermaLink="true">https://baiwumm.com/posts/xf9pgbmn/</guid><description>这篇文章讨论了 Next.js App Router 中 Layout 嵌套的设计问题，提出了使用 Zustand 状态控制是否跳过全局布局的解决方案。</description><pubDate>Tue, 07 Jan 2025 08:52:00 GMT</pubDate><category>Next.js</category></item><item><title>Next.js 实战 (六)：如何实现文件本地上传</title><link>https://baiwumm.com/posts/byjaq5eb/</link><guid isPermaLink="true">https://baiwumm.com/posts/byjaq5eb/</guid><description>这篇文章介绍了在 Next.js 中使用 Node.js 原生方式实现文件本地上传的方法，包括哈希命名、按月分目录和 FormData 提交的前端对接。</description><pubDate>Thu, 02 Jan 2025 05:56:00 GMT</pubDate><category>Next.js</category></item><item><title>Next.js 实战 (五)：添加路由 Transition 过渡效果和 Loading 动画</title><link>https://baiwumm.com/posts/apj3b44k/</link><guid isPermaLink="true">https://baiwumm.com/posts/apj3b44k/</guid><description>这篇文章介绍了在 Next.js 中使用 Framer Motion 添加路由过渡动画的方法，包括首屏加载动画、路由 loading 状态和进退场动画的实现。</description><pubDate>Mon, 30 Dec 2024 09:02:00 GMT</pubDate><category>Next.js</category><category>Framer Motion</category></item><item><title>Next.js 实战 (四)：i18n 国际化的最优方案实践</title><link>https://baiwumm.com/posts/g5parpst/</link><guid isPermaLink="true">https://baiwumm.com/posts/g5parpst/</guid><description>这篇文章介绍了在 Next.js 中使用 next-intl 实现国际化的方案，通过 Cookie 存储语言偏好实现切换语言时不改变路由结构的效果。</description><pubDate>Tue, 10 Dec 2024 09:24:00 GMT</pubDate><category>Next.js</category></item><item><title>Next.js 实战 (三)：优雅的实现暗黑主题模式</title><link>https://baiwumm.com/posts/bag9waa7/</link><guid isPermaLink="true">https://baiwumm.com/posts/bag9waa7/</guid><description>这篇文章介绍了在 Next.js 中使用 next-themes 实现暗黑主题切换的方法，包括主题注入、切换组件实现和基于 View Transitions API 的过渡动画。</description><pubDate>Tue, 10 Dec 2024 06:51:00 GMT</pubDate><category>Next.js</category></item><item><title>Next.js 实战 (二)：搭建 Layouts 基础排版布局</title><link>https://baiwumm.com/posts/ze5s6pk8/</link><guid isPermaLink="true">https://baiwumm.com/posts/ze5s6pk8/</guid><description>这篇文章介绍了 Next.js 后台项目中 Layout 排版布局的搭建过程，使用 shadcn/ui 组件库构建侧边栏、头部导航和面包屑等基础布局结构。</description><pubDate>Thu, 05 Dec 2024 03:09:00 GMT</pubDate><category>Next.js</category></item><item><title>Nest.js 实战 (十三)：实现 SSE 服务端主动向客户端推送消息</title><link>https://baiwumm.com/posts/tk4mzw4e/</link><guid isPermaLink="true">https://baiwumm.com/posts/tk4mzw4e/</guid><description>这篇文章介绍了在 Nest.js 中使用 Server-Sent Events 实现服务端向客户端主动推送消息的方案，包括 @Sse 装饰器、EventSource 客户端实现和跨域鉴权处理。</description><pubDate>Tue, 10 Sep 2024 08:04:00 GMT</pubDate><category>Nest.js</category><category>SSE</category></item><item><title>Nest.js 实战 (十二)：优雅地使用事件发布/订阅模块 Event Emitter</title><link>https://baiwumm.com/posts/vx2hp8bd/</link><guid isPermaLink="true">https://baiwumm.com/posts/vx2hp8bd/</guid><description>这篇文章介绍了在 Nest.js 中使用 @nestjs/event-emitter 模块实现事件发布/订阅模式的方法，包括事件发布、监听和装饰器简化写法。</description><pubDate>Mon, 09 Sep 2024 07:01:00 GMT</pubDate><category>Nest.js</category></item><item><title>Nest.js 实战 (十一)：配置热重载 HMR 给服务提提速</title><link>https://baiwumm.com/posts/dre3euyv/</link><guid isPermaLink="true">https://baiwumm.com/posts/dre3euyv/</guid><description>这篇文章介绍了在 Nest.js 中配置 webpack HMR 热重载的方法，通过减少全量编译来提升开发时的启动效率。</description><pubDate>Mon, 02 Sep 2024 02:11:00 GMT</pubDate><category>Nest.js</category></item><item><title>Nest.js 实战 (十)：使用 winston 打印和收集日志记录</title><link>https://baiwumm.com/posts/uarubwny/</link><guid isPermaLink="true">https://baiwumm.com/posts/uarubwny/</guid><description>这篇文章介绍了在 Nest.js 中使用 winston 日志库打印和收集日志的方法，包括 Prisma SQL 日志、接口请求日志和按天轮转的日志文件配置。</description><pubDate>Fri, 30 Aug 2024 07:53:00 GMT</pubDate><category>Nest.js</category></item><item><title>Nest.js 实战 (九)：使用拦截器记录用户 CURD 操作日志</title><link>https://baiwumm.com/posts/he6ef7au/</link><guid isPermaLink="true">https://baiwumm.com/posts/he6ef7au/</guid><description>这篇文章介绍了在 Nest.js 中使用拦截器记录用户增删改查操作日志的实现思路，包括 Prisma 模型设计、作用域注入和拦截器绑定。</description><pubDate>Tue, 13 Aug 2024 07:03:00 GMT</pubDate><category>Nest.js</category></item><item><title>Nest.js 实战 (八)：基于 JWT 的路由身份认证鉴权</title><link>https://baiwumm.com/posts/ccy3eh93/</link><guid isPermaLink="true">https://baiwumm.com/posts/ccy3eh93/</guid><description>这篇文章介绍了在 Nest.js 中基于 JWT 实现路由身份认证的完整流程，包括 Passport 策略配置、Token 签发和路由守卫的使用。</description><pubDate>Wed, 07 Aug 2024 07:05:00 GMT</pubDate><category>Nest.js</category><category>JWT</category></item><item><title>Nest.js 实战 (七)：如何生成 SVG 图形验证码</title><link>https://baiwumm.com/posts/sjdcuawk/</link><guid isPermaLink="true">https://baiwumm.com/posts/sjdcuawk/</guid><description>这篇文章介绍了在 Nest.js 中使用 svg-captcha 库生成图形验证码并配合 Session 完成登录验证的实现方法。</description><pubDate>Mon, 05 Aug 2024 06:08:00 GMT</pubDate><category>Nest.js</category></item><item><title>Nest.js 实战 (六)：使用 Session 在不同请求间存储信息</title><link>https://baiwumm.com/posts/hjmbkpt6/</link><guid isPermaLink="true">https://baiwumm.com/posts/hjmbkpt6/</guid><description>这篇文章介绍了在 Nest.js 中使用 express-session 中间件管理用户会话的方法，包括全局配置、参数说明和常用的 Session 操作。</description><pubDate>Wed, 31 Jul 2024 02:11:00 GMT</pubDate><category>Nest.js</category></item><item><title>Nest.js 实战 (五)：如何实现文件本地上传</title><link>https://baiwumm.com/posts/fe2mb58m/</link><guid isPermaLink="true">https://baiwumm.com/posts/fe2mb58m/</guid><description>这篇文章介绍了在 Nest.js 中基于 multer 中间件实现文件本地上传的方法，包括单个文件、文件数组和多个文件的上传处理。</description><pubDate>Tue, 30 Jul 2024 07:33:00 GMT</pubDate><category>Nest.js</category></item><item><title>Nest.js 实战 (四)：利用 Pipe 管道实现数据验证和转换</title><link>https://baiwumm.com/posts/m4xvzgqh/</link><guid isPermaLink="true">https://baiwumm.com/posts/m4xvzgqh/</guid><description>这篇文章介绍了 Nest.js 内置管道的用途和自定义 ValidationPipe 的实现方法，展示了如何在请求数据到达控制器前进行数据验证和转换。</description><pubDate>Mon, 22 Jul 2024 06:00:00 GMT</pubDate><category>Nest.js</category></item><item><title>Nest.js 实战 (三)：使用 Swagger 优雅地生成 API 文档</title><link>https://baiwumm.com/posts/wm32sru5/</link><guid isPermaLink="true">https://baiwumm.com/posts/wm32sru5/</guid><description>这篇文章记录了在 Nest.js 中集成 Swagger 自动生成 API 文档的过程，包括 DocumentBuilder 配置、DTO 和 Controller 装饰器的使用方法。</description><pubDate>Wed, 17 Jul 2024 06:00:00 GMT</pubDate><category>Nest.js</category><category>Swagger</category></item><item><title>Nest.js 实战 (二)：如何使用 Prisma 和连接 PostgreSQL 数据库</title><link>https://baiwumm.com/posts/f75kmdqs/</link><guid isPermaLink="true">https://baiwumm.com/posts/f75kmdqs/</guid><description>这篇文章介绍了在 Nest.js 中集成 Prisma ORM 和连接 PostgreSQL 数据库的完整流程，包括 Prisma 模型定义、数据库迁移和模块封装。</description><pubDate>Mon, 15 Jul 2024 08:23:00 GMT</pubDate><category>Nest.js</category><category>Prisma</category></item><item><title>Nest.js 实战 (一)：使用过滤器优雅地统一处理响应体</title><link>https://baiwumm.com/posts/a9gdueyj/</link><guid isPermaLink="true">https://baiwumm.com/posts/a9gdueyj/</guid><description>这篇文章介绍了在 Nest.js 中如何使用异常过滤器统一处理响应体格式，包括响应状态码枚举、DTO 定义和全局异常过滤器的实现。</description><pubDate>Sun, 14 Jul 2024 02:06:00 GMT</pubDate><category>Nest.js</category></item><item><title>Next.js 实战 (一)：项目搭建指南</title><link>https://baiwumm.com/posts/aw8geqhv/</link><guid isPermaLink="true">https://baiwumm.com/posts/aw8geqhv/</guid><description>这篇文章记录了从零搭建 Next.js 后台模板项目的过程，涵盖项目初始化、目录结构说明、ESLint 和 Husky 提交规范配置以及 NextUI 组件库的接入。</description><pubDate>Wed, 03 Jul 2024 01:50:00 GMT</pubDate><category>Next.js</category></item><item><title>2024 年中随笔：学习、工作与大环境</title><link>https://baiwumm.com/posts/xyftpg4b/</link><guid isPermaLink="true">https://baiwumm.com/posts/xyftpg4b/</guid><description>这篇文章是作者对 2024 年上半年的随笔，记录了学习 Nuxt.js 与 Next.js 的进展、下半年开发计划，以及对互联网就业环境的感慨。</description><pubDate>Thu, 27 Jun 2024 16:00:00 GMT</pubDate><category>随笔</category><category>生活</category></item><item><title>Nuxt.js 实战 (十二)：SEO 搜索引擎优化指南</title><link>https://baiwumm.com/posts/s6d7ua9w/</link><guid isPermaLink="true">https://baiwumm.com/posts/s6d7ua9w/</guid><description>这篇文章系统梳理了 Nuxt 的 SEO 优化方案，涵盖 TDK 配置、@nuxtjs/seo 模块、Robots、Sitemap、OG Image、Schema.org 以及统计代码接入。</description><pubDate>Mon, 24 Jun 2024 06:03:00 GMT</pubDate><category>Vue.js</category><category>Nuxt.js</category><category>SEO</category></item><item><title>Nuxt.js 实战 (十一)：添加路由 Transition 过渡效果和 Loading 动画</title><link>https://baiwumm.com/posts/d4aymsav/</link><guid isPermaLink="true">https://baiwumm.com/posts/d4aymsav/</guid><description>这篇文章讲解了如何在 Nuxt3 中为页面和布局添加路由过渡动画、实现首屏全屏 Loading 组件以及页面导航进度条。</description><pubDate>Thu, 20 Jun 2024 06:33:00 GMT</pubDate><category>Vue.js</category><category>Nuxt.js</category></item><item><title>Nuxt.js 实战 (十)：使用 Supabase 实现 RESTful 风格 API 接口</title><link>https://baiwumm.com/posts/txuymxfp/</link><guid isPermaLink="true">https://baiwumm.com/posts/txuymxfp/</guid><description>这篇文章介绍了基于 Supabase 与 Nuxt server 路由实现 RESTful 风格 API 接口的过程，完成了网站分类与子站点的前后端 CRUD 打通。</description><pubDate>Tue, 18 Jun 2024 01:55:00 GMT</pubDate><category>Vue.js</category><category>Nuxt.js</category><category>Supabase</category></item><item><title>Nuxt.js 实战 (九)：使用 Supabase 实现 Github 认证鉴权</title><link>https://baiwumm.com/posts/kby2fcp4/</link><guid isPermaLink="true">https://baiwumm.com/posts/kby2fcp4/</guid><description>这篇文章介绍了如何基于 Supabase 与 GitHub OAuth 实现 Nuxt3 网站的第三方登录鉴权，包括 Auth Providers 配置与登录页面开发。</description><pubDate>Tue, 11 Jun 2024 07:48:00 GMT</pubDate><category>Vue.js</category><category>Nuxt.js</category><category>Supabase</category></item><item><title>Nuxt.js 实战 (八)：优雅的实现暗黑主题模式</title><link>https://baiwumm.com/posts/uqwaac95/</link><guid isPermaLink="true">https://baiwumm.com/posts/uqwaac95/</guid><description>这篇文章记录了使用 @nuxtjs/color-mode 为 Nuxt 站点实现暗黑主题模式切换的过程，并加入了基于 View Transition API 的过渡动画。</description><pubDate>Tue, 11 Jun 2024 01:52:00 GMT</pubDate><category>Vue.js</category><category>Nuxt.js</category></item><item><title>Nuxt.js 实战 (七)：配置 Supabase 数据库</title><link>https://baiwumm.com/posts/njuck5e3/</link><guid isPermaLink="true">https://baiwumm.com/posts/njuck5e3/</guid><description>这篇文章介绍了在 Nuxt 项目中接入 Supabase 数据库的完整步骤，包括创建数据表、配置 RLS 安全策略以及打通前后端数据访问。</description><pubDate>Fri, 24 May 2024 01:23:00 GMT</pubDate><category>Vue.js</category><category>Nuxt.js</category><category>Supabase</category></item><item><title>Nuxt.js 实战 (六)：Footer 底部布局</title><link>https://baiwumm.com/posts/y5gb8pjp/</link><guid isPermaLink="true">https://baiwumm.com/posts/y5gb8pjp/</guid><description>这篇文章介绍了参考 Nuxt UI 官网实现站点 Footer 底部布局的过程，包括 ICP 备案信息展示与社交图标按钮开发。</description><pubDate>Mon, 29 Apr 2024 00:57:00 GMT</pubDate><category>Vue.js</category><category>Nuxt.js</category></item><item><title>Nuxt.js 实战 (五)：Header 头部布局</title><link>https://baiwumm.com/posts/kjhzpfcz/</link><guid isPermaLink="true">https://baiwumm.com/posts/kjhzpfcz/</guid><description>这篇文章记录了 Nuxt 站点 Header 头部布局的实现过程，包括 Logo、社交图标、暗黑模式切换组件的开发与布局拆分。</description><pubDate>Thu, 25 Apr 2024 01:06:00 GMT</pubDate><category>Vue.js</category><category>Nuxt.js</category></item><item><title>分片任务的高阶函数封装</title><link>https://baiwumm.com/posts/gmgy2bsk/</link><guid isPermaLink="true">https://baiwumm.com/posts/gmgy2bsk/</guid><description>这篇文章通过一个向页面插入十万条数据的例子，解释了浏览器页面卡顿的原因，并演示了如何利用 requestIdleCallback 将任务分片执行，最终封装成通用的高阶函数。</description><pubDate>Sun, 21 Apr 2024 16:00:00 GMT</pubDate><category>JavaScript</category><category>浏览器</category></item><item><title>Nuxt.js 实战 (四)：安装 Nuxt UI 和配置 TypeScript 类型检查</title><link>https://baiwumm.com/posts/p8jfyrre/</link><guid isPermaLink="true">https://baiwumm.com/posts/p8jfyrre/</guid><description>这篇文章记录了在 Nuxt 项目中安装 Nuxt UI 组件库并配置 TypeScript 类型检查的过程，为后续页面与布局开发打下基础。</description><pubDate>Mon, 08 Apr 2024 02:43:00 GMT</pubDate><category>Vue.js</category><category>Nuxt.js</category><category>TypeScript</category></item><item><title>Nuxt.js 实战 (三)：使用 release-it 自动管理版本号和生成 CHANGELOG</title><link>https://baiwumm.com/posts/c8ht5uut/</link><guid isPermaLink="true">https://baiwumm.com/posts/c8ht5uut/</guid><description>这篇文章介绍了在 Nuxt 项目中使用 release-it 配合 conventional-changelog 自动化管理版本号、生成 CHANGELOG、打 Git Tag 并发布到 GitHub 的完整流程。</description><pubDate>Fri, 05 Apr 2024 06:38:00 GMT</pubDate><category>Vue.js</category><category>Nuxt.js</category></item><item><title>Nuxt.js 实战 (二)：配置 Eslint、Prettierrc、Husky等项目提交规范</title><link>https://baiwumm.com/posts/hnc96th6/</link><guid isPermaLink="true">https://baiwumm.com/posts/hnc96th6/</guid><description>这篇文章记录了在 Nuxt 项目中配置 ESLint、Stylelint、Husky、Lint-staged 与 Commitlint 的过程，建立起统一的代码规范与 Git 提交校验流程。</description><pubDate>Mon, 01 Apr 2024 01:18:00 GMT</pubDate><category>Vue.js</category><category>Nuxt.js</category></item><item><title>Nuxt.js 实战 (一)：初始化项目</title><link>https://baiwumm.com/posts/sky7t6dq/</link><guid isPermaLink="true">https://baiwumm.com/posts/sky7t6dq/</guid><description>这篇文章介绍了从零初始化 Nuxt3 项目的完整流程，包括 Nuxt 的核心优势、环境要求、安装步骤与默认目录结构。</description><pubDate>Thu, 28 Mar 2024 06:22:00 GMT</pubDate><category>Vue.js</category><category>Nuxt.js</category></item><item><title>浏览器渲染原理：从解析 HTML 到屏幕成像</title><link>https://baiwumm.com/posts/t79ehwpb/</link><guid isPermaLink="true">https://baiwumm.com/posts/t79ehwpb/</guid><description>这篇文章梳理了浏览器从解析 HTML 到屏幕成像的完整渲染流程，包括样式计算、布局、分层、绘制、分块与光栅化，并解释了 reflow、repaint 和 transform 高效的原理。</description><pubDate>Sun, 24 Mar 2024 16:00:00 GMT</pubDate><category>浏览器</category><category>渲染原理</category></item><item><title>Vite 打包优化：通过 manualChunks 手动分包</title><link>https://baiwumm.com/posts/cj2xknbn/</link><guid isPermaLink="true">https://baiwumm.com/posts/cj2xknbn/</guid><description>这篇文章以 Vue 3 项目为例，介绍了使用 Vite 的 manualChunks 配置将第三方依赖单独打包的优化方法，并总结了代码分包带来的缓存与加载优势。</description><pubDate>Wed, 13 Mar 2024 16:00:00 GMT</pubDate><category>Vite</category><category>前端工程化</category></item><item><title>浏览器进程与线程：从进程模型到事件循环</title><link>https://baiwumm.com/posts/rsebseyx/</link><guid isPermaLink="true">https://baiwumm.com/posts/rsebseyx/</guid><description>这篇文章讲解了浏览器的进程模型、渲染主线程的工作方式与事件循环机制，并结合实例说明了 JS 单线程为何会阻塞渲染以及浏览器如何通过异步避免卡顿。</description><pubDate>Mon, 11 Mar 2024 16:00:00 GMT</pubDate><category>浏览器</category><category>JavaScript</category></item><item><title>JavaScript 动态执行代码的几种方式</title><link>https://baiwumm.com/posts/jbuxh3ka/</link><guid isPermaLink="true">https://baiwumm.com/posts/jbuxh3ka/</guid><description>这篇文章对比了 eval、setTimeout、动态 script 标签和 new Function 这几种在 JavaScript 中动态执行字符串代码的方式，分析了各自的执行时机与作用域特点。</description><pubDate>Wed, 06 Mar 2024 16:00:00 GMT</pubDate><category>JavaScript</category></item><item><title>TypeScript 技巧：用元组从数组生成联合类型</title><link>https://baiwumm.com/posts/uy5fpy2w/</link><guid isPermaLink="true">https://baiwumm.com/posts/uy5fpy2w/</guid><description>这篇文章介绍了一个 TypeScript 开发小技巧：通过 as const 将数组转为元组，再利用索引访问类型生成联合类型，让类型与数据保持一致。</description><pubDate>Sun, 03 Mar 2024 16:00:00 GMT</pubDate><category>TypeScript</category></item><item><title>HTML 资源提示：async、defer、preload 与 prefetch</title><link>https://baiwumm.com/posts/qp3kve67/</link><guid isPermaLink="true">https://baiwumm.com/posts/qp3kve67/</guid><description>这篇文章介绍了 HTML 资源提示符中 async、defer、preload、prefetch 和 module 的作用与区别，解释了它们如何优化页面资源加载。</description><pubDate>Wed, 21 Feb 2024 16:00:00 GMT</pubDate><category>HTML</category><category>性能优化</category></item><item><title>夜游湛江：金沙湾观海长廊</title><link>https://baiwumm.com/galleries/jinshawan/</link><guid isPermaLink="true">https://baiwumm.com/galleries/jinshawan/</guid><description>年前回到我可爱的湛江，不禁感叹家乡变化好大，我一个本地人都显得有些许陌生，晚上逛了一下金沙湾观海长廊，微风拂面，好不惬意，希望湛江发展越来越好。</description><pubDate>Sat, 03 Feb 2024 16:00:00 GMT</pubDate><category>湛江</category><category>旅行</category></item><item><title>年前随笔：回南天的潮湿与春节前的期待</title><link>https://baiwumm.com/posts/c7z4fmmq/</link><guid isPermaLink="true">https://baiwumm.com/posts/c7z4fmmq/</guid><description>这篇文章记录了作者春节前最后一个工作日的心情，聊了回南天的潮湿天气、年后换工作的打算，以及对催婚和亲戚往来的感慨。</description><pubDate>Thu, 01 Feb 2024 16:00:00 GMT</pubDate><category>生活</category><category>随笔</category></item><item><title>为什么要有箭头函数：消除函数的二义性</title><link>https://baiwumm.com/posts/tcwda5ax/</link><guid isPermaLink="true">https://baiwumm.com/posts/tcwda5ax/</guid><description>这篇文章从函数的二义性出发，解释了 JavaScript 中箭头函数存在的原因，并对比了箭头函数与 class 在调用方式、this 和原型上的差异。</description><pubDate>Tue, 23 Jan 2024 16:00:00 GMT</pubDate><category>JavaScript</category><category>箭头函数</category></item><item><title>对象解构与迭代器的猫腻？</title><link>https://baiwumm.com/posts/m8xzykqp/</link><guid isPermaLink="true">https://baiwumm.com/posts/m8xzykqp/</guid><description>这篇文章介绍了对象解构与数组解构的原理，解释了为什么普通对象不能直接用于数组解构，并演示了通过给 Object.prototype 添加 Symbol.iterator 来使等式成立的方法。</description><pubDate>Thu, 18 Jan 2024 16:00:00 GMT</pubDate><category>JavaScript</category><category>解构赋值</category><category>迭代器</category></item><item><title>JavaScript 位运算与权限设计</title><link>https://baiwumm.com/posts/b3w66edd/</link><guid isPermaLink="true">https://baiwumm.com/posts/b3w66edd/</guid><description>这篇文章介绍了 JavaScript 中二进制数的表示方法、按位运算符，以及如何使用位运算来设计和管理权限系统，包括权限的添加、校验与剔除。</description><pubDate>Sun, 14 Jan 2024 16:00:00 GMT</pubDate><category>JavaScript</category><category>位运算</category><category>权限设计</category></item><item><title>再见，2023，你好，2024！</title><link>https://baiwumm.com/posts/k3m8n5p2/</link><guid isPermaLink="true">https://baiwumm.com/posts/k3m8n5p2/</guid><description>这篇文章是作者对 2023 年的年终总结，分享了对家庭、职场、生活和旅游的感悟与思考。</description><pubDate>Sat, 30 Dec 2023 16:00:00 GMT</pubDate><category>年终总结</category><category>生活感悟</category></item><item><title>CDN 和云存储被恶意高刷如何预防</title><link>https://baiwumm.com/posts/p7j5s2j1/</link><guid isPermaLink="true">https://baiwumm.com/posts/p7j5s2j1/</guid><description>这篇文章记录了作者因 CDN 服务被恶意高刷流量而欠费数千元的真实经历，复盘了阿里云与腾讯云在风险提示上的差异，并总结了防盗链、用量封顶、IP 访问限频等预防措施，提醒个人站长重视网络攻击防护。</description><pubDate>Tue, 19 Dec 2023 16:00:00 GMT</pubDate><category>CDN</category><category>云存储</category><category>网络安全</category></item><item><title>三年疫情，记录疫情封控瞬间</title><link>https://baiwumm.com/galleries/epidemic/</link><guid isPermaLink="true">https://baiwumm.com/galleries/epidemic/</guid><description>这个相册记录了 2022 年疫情封控期间作者居家生活的点滴：物资采购、核酸排队、做饭与日常。</description><pubDate>Thu, 08 Dec 2022 16:00:00 GMT</pubDate><category>疫情</category><category>封控</category><category>生活</category></item><item><title>长沙自驾游：张家界森林公园</title><link>https://baiwumm.com/galleries/changsha/</link><guid isPermaLink="true">https://baiwumm.com/galleries/changsha/</guid><description>2021 年五一，和 8 位好友自驾长沙，先后游览东江湖、五一广场、橘子洲与张家界森林公园。张家界的山峰、森林、溪流与云雾宛如画卷，令人流连忘返。</description><pubDate>Fri, 30 Apr 2021 16:00:00 GMT</pubDate><category>自驾游</category><category>张家界</category><category>长沙</category></item></channel></rss>