Markdown 图片渲染 Bug 复盘与修复

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

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

详细记录了 Digital Nomad Toolkit 应用的全面性能优化重构过程，包括数据加载策略简化、现代化 Loading 组件实现、缓存策略优化等关键技术问题的解决方案，最终实现了首屏加载时间从10+秒减少到3秒以内的显著提升。

记录在Next.js博客项目中解决图片无法显示问题的完整过程，从错误的content目录存放方式优化为标准的public目录管理，建立了完整的图片管理最佳实践体系。详细分析了Next.js静态资源处理机制、路径配置原理和标准化管理流程。