# AeroStart - 极简浏览器起始页

一个现代化、可定制的浏览器起始页，为您提供优雅的搜索体验和个性化设置。支持 PWA 离线使用，亦可作为浏览器插件使用。

## ✨ 核心特性

- 🎨 **多主题支持** - 内置 8 种精选主题色
- 🖼️ **本地壁纸与离线支持** - **新增 PWA 支持**，首次加载后即可**离线使用**，内置多张精美壁纸
- 🧩 **浏览器插件模式** - 支持打包为 Chrome/Edge 浏览器扩展，完美替代原生新标签页
- 🔍 **多搜索引擎** - 内置 Google, 百度, Bing, DuckDuckGo, Bilibili，一键切换
- ⏰ **实时时钟** - 支持 12/24 小时制及秒针显示，包含座右铭展示
- 🎭 **动态模糊** - 搜索时背景自动模糊，让您更专注于内容
- 💾 **本地存储** - 所有设置自动保存至浏览器本地，无需账号
- 📱 **响应式设计** - 完美适配各种屏幕尺寸
- 🎬 **流畅动画** - 精心设计的过渡与交互动画

## 🚀 快速开始

### 安装依赖

```bash
pnpm install
```

### 启动开发服务器

```bash
pnpm dev
```

访问 `http://localhost:3000` 查看效果。

### 构建生产版本

```bash
pnpm build
```

构建产物将输出到 `dist` 目录。

## 📱 如何安装与使用

### 方式一：网页版 (PWA)

您可以直接将部署后的网站（或本地运行的地址）设为浏览器主页。
得益于 PWA 技术，**只要您访问过一次，网站资源（包括壁纸）就会被缓存在本地**。之后即使在没有网络的情况下，您依然可以正常打开并使用起始页。

### 方式二：浏览器插件 (Chrome Extension)

如果您希望每次打开**新标签页 (New Tab)** 都是 AeroStart，可以将其作为插件安装：

1. 执行构建命令：
   ```bash
   pnpm build
   ```
2. 进入 `dist` 目录，将 `manifest.extension.json` 重命名为 `manifest.json`：
   *  Windows (PowerShell): `mv dist/manifest.extension.json dist/manifest.json`
   *  Linux/Mac: `mv dist/manifest.extension.json dist/manifest.json`
   *  或者手动重命名。
   *  *(注意：如果存在原有的 `manifest.webmanifest` 可以忽略或删除，插件只需要 `manifest.json`)*
3. 打开 Chrome 或 Edge 浏览器，在地址栏输入 `chrome://extensions` 并回车。
4. 打开右上角的 **"开发者模式" (Developer mode)** 开关。
5. 点击左上角的 **"加载已解压的扩展程序" (Load unpacked)**。
6. 选择项目下的 `dist` 文件夹。

现在，您的浏览器新标签页就已经变成 AeroStart 了！

## 🎯 使用指南

### 搜索功能
- 在搜索框输入关键词并回车即可搜索
- 点击搜索框左侧图标切换搜索引擎
- 搜索时背景会自动模糊

### 设置面板
- 在背景空白处 **右键点击** 进入仪表盘 (Dashboard) 模式
- 点击右上角的设置图标打开面板
- 可自定义：
  - 时钟格式
  - 背景壁纸（支持本地上传、URL、视频）
  - 主题颜色
  - 搜索框透明度
  - 模糊强度

## 🛠️ 技术栈

- **框架:** React 19
- **构建工具:** Vite 6
- **语言:** TypeScript
- **样式:** Tailwind CSS
- **离线支持:** Vite PWA Plugin

## 📄 许可证

Copyright (C) 2025 AeroStart Contributors

本项目基于 GNU General Public License v3.0 开源。