My personal website built with Astro and Tailwind CSS.
🌐 Live Site: yiqiaoz.me
- 🌐 Bilingual Support (EN/中文) - Full internationalization with language switcher
- 📝 Rambling System - Snippets and blog posts with tag filtering
- 🎨 Modern Design - Clean, minimalist interface with smooth animations
- 📱 Responsive - Works perfectly on all devices
- ⚡ Fast - Static site generation for optimal performance
- Astro - Static site generator
- Tailwind CSS v4 - Styling
- TypeScript - Type-safe configuration
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run buildEdit src/config.ts to update your personal info, experience, education, etc.
# Add a snippet
npm run add-rambling snippet "Your thought" "Tag" [date]
# Add a blog post
# 1. Create markdown file in src/content/blogs/
# 2. Run: npm run add-rambling blog "Title" "Summary" "filename.md" "Tag" [date]Notes:
- Current
add-ramblingscript writes single-language string fields. - For bilingual (
en/zh) rambling entries, editsrc/data/rambling.jsonmanually.
This site is deployed on GitHub Pages with a custom domain. For deployment details, see .claudedev_notes.md.
MIT
This website is built upon the DevPortfolio template by Ryan Fitzgerald. Thank you for creating such an elegant and well-structured template!
The original template has been extensively customized with:
- Bilingual (EN/中文) support
- Custom Rambling system for snippets and blogs
- Modified styling and components
- Custom domain configuration
Built with ❤️ by Yiqiao Zhou