ZON

欢迎来到我的博客

在这里分享我的开发实践、技术见解和学习心得

最新文章

本文详细记录了在 Next.js 博客项目中,针对详情页加载慢、主线程阻塞等性能瓶颈,通过将 Markdown 解析迁移到构建/服务端阶段,实现性能大幅提升的全流程分析和真实优化效果。包括问题发现、技术对比、实施过程、遇到的难题和最终成效对比。

记录MermaidFlow项目中右侧Mermaid预览区域高度不匹配的完整调试过程。从使用Playwright进行页面检查、错误的初始判断,到最终精确定位iframe固定高度问题并实施修复的技术实战经验。

本文介绍如何使用 Namesilo 的 DNS 面板与 Vercel 平台配置自定义子域名。包括 DNS 记录设置、A/ALIAS/CNAME 等配置和 301 重定向的设置等关键步骤。文章详细记录了在配置过程中遇到的问题(如子域名被标记无法访问)及解决方案,并通过流程图和表格的方式展示技术方案对比和实施步骤,以帮助读者深入理解整个配置和部署过程。

本文详细记录了一个 Node.js 批量处理脚本的演进过程。从最初的版本,到如何解决遇到的网络超时、脚本卡死、错误处理不完善等一系列问题,最终实现一个稳定、健壮、可断点续传的自动化脚本。

记录一次因为混淆开发模式和生产模式导致的性能测试"乌龙"事件,深入分析 Next.js 中 dev 模式与 build 模式的本质差异,以及如何正确进行本地生产环境测试。

详细记录了博客从Lighthouse 70分优化到100分的完整过程,包括性能瓶颈分析、优化策略制定、实施过程以及最终效果验证。深度解析每次Git提交的具体改动和问题反思。

详细记录了 Next.js 应用中 Mermaid 图表在生产环境无法渲染的问题分析、解决思路和完整修复过程,包含动态导入优化、错误处理改进和性能考量。

基于真实的性能数据和开发体验,深入分析了从Monorepo架构回归到单仓库模式的决策过程。通过数据对比、业界调研和实践总结,展示了一次理性的技术架构决策历程。

记录从Monorepo构建失败到完全修复的技术实战过程:系统性分析59个文件的构建问题,建立问题分析框架,最终在3小时内完成所有修复。

深度记录 Playwright MCP 在 Cursor 1.0+ 版本中的兼容性问题,包括浏览器导航失败、实例冲突等核心问题的排查和修复过程。结合社区最佳实践,提供完整的故障诊断和解决方案。

记录一次目录功能的重大 bug 修复过程:代码块中的 # 号被错误识别为标题。从问题发现到深度调研,再到最终的 AST 解析方案,详细分析了 Markdown 解析的技术细节和最佳实践。

从解决30秒卡顿,到统一开发环境,再到修复Vercel构建,最终实现卓越性能与健壮流程。本文详细记录了一次Next.js博客从性能优化到工程化完善的全过程。

本文将对一个基于Next.js的博客进行全面的工程SEO审计,识别出关键优化点如JSON-LD、Canonical URL和Sitemap,并提供一套完整的、可操作的优化实现方案,旨在显著提升搜索引擎排名和点击率。

记录博客系统中代码块内容错位显示的完整排查和修复过程,从Playwright自动化测试发现问题,到采用分阶段内容块处理方案彻底解决,包含根因分析、市场调研和最佳实践总结。

详细记录将博客系统中自定义正则表达式解析器重构为基于remark的成熟方案的完整过程,包含技术选型分析、实现细节、问题排查和Playwright验证,为同类项目提供实战参考。

详细记录了我在优化博客过程中遇到的5个核心问题及其完整解决方案,包括Loading优化、Mermaid图表渲染、代码高亮、表格支持等关键功能的实现过程与技术细节。

详细介绍2025年最新的Vercel Analytics接入方式,包括完整的集成流程、高级配置、性能优化和最佳实践。让您的网站获得强大的数据洞察能力。

记录为个人博客添加目录功能的完整开发过程,包括技术选型、实际代码实现和遇到的问题解决。基于 Next.js + TypeScript + Intersection Observer 的实战经验。

本文将带你从零开始学习Next.js,了解其核心概念和最佳实践,构建你的第一个现代Web应用。

深入探讨React Hooks的最佳实践,包括性能优化、自定义Hook设计等高级技巧。

探索TypeScript的高级类型特性,包括条件类型、映射类型、模板字面量类型等。