Shaky Solstice - 个人作品集网站

这是一个基于Astro框架构建的现代化个人作品集网站，展示开发者的技能、项目和联系方式。

✨ 功能特点

• 响应式设计 - 适配各种设备屏幕尺寸
• 暗黑模式 - 支持系统偏好和手动切换
• 个人简介 - 展示开发者介绍
• 技能展示 - 可视化技能水平进度条
• 最新动态 - 时间线形式展示近期活动
• 联系方式 - 集成GitHub和Email链接

🛠️ 技术栈

• 框架: Astro v5.9.0
• UI框架: Tailwind CSS v3.3.0
• 交互: Alpine.js v3.12.0
• 构建工具: Node.js + npm

📁 项目结构

shaky-solstice/
├── src/
│   ├── components/  # 可重用组件 (Navigation, Welcome等)
│   ├── layouts/     # 页面布局组件
│   ├── pages/       # 页面入口 (index.astro)
│   └── assets/      # 静态资源 (SVG图标等)
├── public/          # 公共资源 (favicon等)
├── astro.config.mjs # Astro配置
└── tailwind.config.mjs # Tailwind CSS配置

🚀 快速开始

前置要求

• Node.js 16+
• npm 8+

安装与运行

1. 克隆仓库

git clone https://github.com/yourusername/shaky-solstice.git
cd shaky-solstice

2. 安装依赖

npm install

3. 开发模式

npm run dev

开发服务器将运行在 http://localhost:3000

4. 生产构建

npm run build

5. 预览生产版本

npm run preview

🌍 部署

这个静态网站可以部署到任何支持静态网站的托管服务：

• Vercel
• Netlify
• GitHub Pages

推荐使用Vercel进行一键部署：

📜 许可证

本项目目前未指定许可证。如需使用，请添加适当的许可证文件。

---

🛠️ 由 Astro 强力驱动# HomePage