Skip to content

Conversation

@modernchina123
Copy link

Summary

This PR improves code block visual styling, fixes blockquote quote display, and ensures typography consistency across blog posts.

Changes

Code Block Styling

  • 🎨 Removed line-level backgrounds: Fixed issue where each line of code had its own background color/shadow
  • 🎨 Improved code block appearance: Added proper background, border, and padding for better visual consistency
  • 🎨 Code block container styling: Applied gray background (#f9fafb) with rounded corners and proper spacing

Blockquote Improvements

  • Removed auto-generated quotes: Fixed Tailwind Typography automatically adding quotes to blockquotes
  • Typography consistency: Adjusted blockquote line-height to match body text (leading-[1.7] md:leading-[1.8])
  • Maintained blockquote format: Kept blockquote visual styling (left border, indentation) while removing unwanted quotes

Typography Consistency

  • 📝 List item line-height: Adjusted list items to match body text line-height for better readability
  • 📝 Blockquote line-height: Ensured blockquotes have consistent spacing with body paragraphs

Post Content Updates

  • 📄 Title hierarchy adjustment: Changed heading levels in ERC-8004 post (H1→H2, H2→H3, H3→H4)
  • 🔗 Link format fixes:
    • Fixed Data Lineage link format in interview post
    • Fixed Hugging Face link format in robotics post
  • 🧹 Code cleanup: Removed extra blank lines after code blocks

Configuration

  • ⚙️ Rouge syntax highlighter: Disabled line numbers in _config.yml to improve code block rendering

Technical Details

  • Added CSS rules to remove backgrounds from Rouge syntax highlighter elements
  • Used !important flags to override Tailwind Typography defaults
  • Targeted both Tailwind classes and custom CSS for maximum compatibility

Files Changed

  • _config.yml - Rouge configuration
  • _includes/head.html - Code block and blockquote CSS fixes
  • _layouts/post.html - Typography consistency adjustments
  • _posts/2025-12-14-ERC-8004 × Codatta: The Reconstruction Episode — I Became You When I Grew Up.markdown - Title hierarchy and content updates
  • _posts/2025-12-19-open-robotic-data-at-scale-ecosystem-formation-and-implications.markdown - Link format fix
  • _posts/2025-12-25-the-minds-behind-the-data-what-we-learned-from-our-top-contributors.markdown - Link format fix

Testing

  • ✅ Local preview verified
  • ✅ Code blocks display correctly without line backgrounds
  • ✅ Blockquotes show without auto-generated quotes
  • ✅ Typography consistency verified across all post types

@modernchina123 modernchina123 merged commit 5e39bfb into main Dec 25, 2025
1 check 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