Mermaid 生产环境渲染失效问题解决全记录

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

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

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

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