Ghost 完美渲染 Mermaid 图表与国内 CDN 加速
Ghost 是一款极简且优雅的博客平台,但对于开发者而言,默认配置往往缺少两个关键能力:原生图表渲染能力以及国内网络环境下的静态资源访问稳定性。 本文将分享我们在实战中总结的两个终极解决方案。 一、 让 Ghost 完美支持 Mermaid 流程图 Ghost 的编辑器默认将 mermaid 代码块视为普通文本。虽然可以通过 Code Injection 引入库,但往往会遇到**“文字截断”、“溢出边框”或“排版错乱”**的问题。 这是因为 Ghost 主题的 CSS(特别是行高和字体设置)经常与 Mermaid 的计算逻辑冲突。 解决方案:强力修正版代码注入 我们需要在引入 Mermaid 的同时,强制关闭 HTML 标签渲染(改用纯 SVG 文本),并重置相关 CSS。 操作步骤: 1. 进入…