ZON

Markdown 图片渲染 Bug 复盘与修复

Next.js
Markdown
博客优化
图片渲染
性能优化

记录一次由于 Markdown 渲染链路不一致导致图片无法显示的bug,分析问题根因、渲染流程,并给出前后端统一的正则修复方案。

渲染中...

发布于 2025/7/1

最后更新于 2025/7/10

文件路径: 2025/07/markdown-image-rendering-bug-fix.md

相关文章

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

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

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

记录notion数据中解决Vercel Edge Request异常高峰问题的完整过程,将12小时4500次请求通过内存缓存+限流方案降低,实现性能提升。详细分析了技术选型、实现过程和遇到的困难。