This blog demonstrates advanced markdown features: Remix icons, GitHub cards, collapsible sections, callouts/admonitions, Character Chats, Mermaid diagrams, math formulas (LaTeX/KaTeX), and Expressive Code (Prism) for syntax highlighting, and more—making your content interactive and beautiful!
Testing the new remark-svg-render plugin and base64 images with various SVG & jpg examples including imports
Master the CardShapes React component with heart shapes, speech bubbles, stars, badges, and stunning animations for your Astro blog
Demonstration of the disclaimer feature with both default and custom options
Learn how to protect your blog content with password authentication, featuring SHA1 encryption, session management, and a beautiful lock screen interface.
Learn how to use the interactive image carousel component with smooth transitions, navigation controls, and dot indicators to create stunning image galleries in your MDX blog posts.
Learn how to use stunning card components including notebook-style, fancy animated cards, simple article cards, dogear bookmark cards, hover reveal cards, flip book cards, circular image cards, diagonal diamond cards, and 3D sign cards to create visually appealing content displays in your MDX blog posts with automatic dark mode support.
A comprehensive guide to hastscript - learn how to programmatically create HTML Abstract Syntax Trees (HAST) for Markdown processing in Astro projects