0%
• 2 min read

Welcome to Yanqiao Chen's Blog

The first post of my blog, introducing this modern blog system built with Astro.

blog astro web

šŸŽ‰ Welcome to My Digital Garden

Hi there, I’m Yanqiao Chen! This is my brand new blog, built with Astro — designed for ultimate performance and experience.

✨ Blog Features

This blog comes with the following highlights:

šŸš€ Blazing Fast

  • 100/100 Lighthouse performance score
  • Static generation for instant first paint
  • Zero JavaScript runtime overhead (loaded on demand)

šŸŽØ Delightful Animations

  • Typewriter effect for headings
  • Particle background animation
  • Scroll-triggered reveal animations
  • Magnetic button interactions
  • Hover lift effects on cards

šŸŒ“ Light & Dark Themes

  • Support for light, dark, and system themes
  • Smooth theme transition animations
  • Perfect dark mode adaptation

šŸ“ Content Support

  • Native Markdown support
  • MDX component embedding
  • Syntax highlighting for code blocks
  • RSS feed
  • Auto-generated sitemap

šŸ› ļø Tech Stack

TechnologyPurpose
AstroStatic site generator
Tailwind CSSUtility-first CSS framework
TypeScriptType safety
MDXEnhanced Markdown

šŸŽÆ Roadmap

  • Add more interactive components
  • Integrate a comment system
  • Add article search functionality
  • Multi-language support

šŸ“¬ Get in Touch

Interested in how this blog is built? Want to discuss tech topics? Feel free to reach out:

Thanks for stopping by! šŸ™

Comments