# AstroFast

**Repository Path**: ubuntu_cloud/AstroFast

## Basic Information

- **Project Name**: AstroFast
- **Description**: 三分钟快速搭建个人主页和企业主页
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 39
- **Created**: 2025-06-11
- **Last Updated**: 2025-06-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# AstroFast

三分钟打造现代、响应式的个人/企业主页，集成 Tailwind CSS 和 Alpine.js。本模板为构建快速、SEO友好的网站提供了坚实的基础，并具备简洁的设计系统。[点击查看效果](http://www.openauth.net.cn)

## 🐟效果预览

#### 亮色调效果
![输入图片说明](src/assets/white.png)

#### 暗色调效果
![输入图片说明](src/assets/black.png)


## 🚀 功能特性

- [Astro](https://astro.build/) - 内容驱动型网站框架
- [Tailwind CSS](https://tailwindcss.com/) - 工具优先的 CSS 框架
- [Alpine.js](https://alpinejs.dev/) - 轻量级 JavaScript 交互框架
- 响应式设计系统（含自定义配色方案）
- 深色模式支持
- 平滑页面过渡效果
- 性能优化
- SEO 友好

## 📦 项目结构

```text
/
├── public/             # 静态资源
│   └── favicon.svg
├── src/
│   ├── assets/         # 图片等资源文件
│   ├── components/     # 可复用 UI 组件
│   ├── layouts/        # 页面布局
│   ├── pages/          # 页面路由
│   ├── scripts/        # JavaScript 工具
│   └── styles/         # 全局样式
│       ├── global.css
│       └── transitions.css
├── astro.config.mjs    # Astro 配置
├── tailwind.config.mjs # Tailwind CSS 配置
└── package.json        # 项目依赖
```

## 🧞 常用命令

所有命令需在项目根目录下执行：

| 命令                    | 作用                   |
| :---------------------- | :--------------------- |
| `npm install`           | 安装依赖               |
| `npm run dev`           | 启动本地开发服务器     |
| `npm run build`         | 构建生产环境代码       |
| `npm run preview`       | 预览构建结果           |
| `npm run astro ...`     | 运行 Astro CLI 命令    |
| `npm run astro -- --help` | 查看 Astro CLI 帮助信息 |

## 🎨 定制指南

### 颜色配置

模板包含预定义的配色方案（位于 `tailwind.config.mjs`）：
- 主色系：紫色系
- 辅色系：石板灰系
- 强调色：青柠色系
- 警告色：黄色系

可通过修改 `tailwind.config.mjs` 文件自定义颜色

### 字体配置
使用以下字体组合：
- 无衬线字体：Inter（带系统备用字体）
- 展示字体：Lexend（带系统备用字体）

### 动画效果
包含以下自定义动画：
- 淡入
- 上滑
- 下滑

## 🚀 快速开始
1. 克隆本仓库
2. 运行 `npm install` 或 `pnpm install` 安装依赖
3. 运行 `npm run dev` 或 `pnpm dev` 启动开发服务器
4. 访问 `http://localhost:4321` 查看效果

## 📝 许可协议
MIT

## 👀 扩展学习
- [Astro 文档](https://docs.astro.build)
- [Tailwind CSS 文档](https://tailwindcss.com/docs)
- [Alpine.js 文档](https://alpinejs.dev/start-here)

## ☕ 请喝咖啡
如果你觉得这个项目对你的工作有所帮助，可以请作者喝杯咖啡

![微信](src/assets/wchatpay.png)