Skip to content

Fix Hugo inline SVG parsing in Platform Engineering docs diagram#72

Merged
chefgs merged 1 commit intomainfrom
copilot/fix-diagram-rendering-issue
Apr 17, 2026
Merged

Fix Hugo inline SVG parsing in Platform Engineering docs diagram#72
chefgs merged 1 commit intomainfrom
copilot/fix-diagram-rendering-issue

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Apr 17, 2026

The Platform Engineering docs page rendered the new IDP flow diagram incorrectly because Hugo/Goldmark parsed the SVG body as an indented code block. This update ensures the diagram is emitted as actual SVG elements so the visual flow renders in-page.

  • Problem scope

    • Updated only hugo-docs/content/docs/platform-engineering/_index.md, where the broken diagram markup lives.
  • Markup fix

    • Reworked the inline SVG block formatting to prevent Markdown code-block interpretation inside <svg>.
    • Preserved the existing diagram content (nodes, connectors, labels, and sequence footer) without changing the conceptual flow.
  • Resulting HTML behavior

    • SVG children now render as normal DOM elements (<rect>, <line>, <polygon>, <text>) rather than being wrapped in <pre><code>.
<div style="overflow-x:auto; margin: 1rem 0;">
<svg viewBox="0 0 1180 430" ...>
<rect x="30" y="60" ... />
<text x="120" y="92" ...>Templates</text>
...
</svg>
</div>

@chefgs chefgs marked this pull request as ready for review April 17, 2026 17:43
@chefgs chefgs merged commit f0a42b2 into main Apr 17, 2026
8 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants