Skip to content

feat(blog): polish code blocks and diagrams - #59

Merged
f0rr0 merged 1 commit into
nextfrom
f0rr0/polish-blog-code-and-diagrams
Jul 31, 2026
Merged

f0rr0 merged 1 commit into
nextfrom
f0rr0/polish-blog-code-and-diagrams

Conversation

@f0rr0

@f0rr0 f0rr0 commented Jul 31, 2026

Copy link
Copy Markdown
Owner

Summary

  • add styled Shiki code frames with language labels, copy feedback, highlighted lines, responsive horizontal scrolling, and improved inline code
  • render Mermaid with deterministic hand-drawn styling, branded light/dark themes, accessible SVGs, zoom/fullscreen controls, and opt-in ELK layout
  • expand the kitchen-sink coverage and annotate historical code fences with languages
  • pin the compatible ELK adapter after the newer release failed during browser rendering

Why

Technical posts now present code and generated diagrams more clearly across themes and screen sizes without widening the article layout.

Validation

  • bun run lint
  • bun run typecheck
  • bun run build
  • Chromium visual QA in light/dark desktop, 390px, and 320px layouts
  • verified diagram zoom/fullscreen controls, no console errors, and no page-level horizontal overflow

@vercel

vercel Bot commented Jul 31, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
f0rr0-github-io Ready Ready Preview Jul 31, 2026 2:06am

@f0rr0
f0rr0 marked this pull request as ready for review July 31, 2026 02:07
@f0rr0
f0rr0 merged commit 3aaf6f2 into next Jul 31, 2026
3 checks passed
@f0rr0
f0rr0 deleted the f0rr0/polish-blog-code-and-diagrams branch July 31, 2026 02:07

This branch was successfully deployed

1 active deployment
Preview — 4998a834 Deployed Jul 31, 2026 by vercel[bot]
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.

1 participant