AeroStart - 极简浏览器起始页

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

演示站点：https://page.zhuzihan.com/

✨ 核心特性

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

🚀 快速开始

安装依赖

pnpm install

启动开发服务器

pnpm dev

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

构建生产版本

pnpm build

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

📱 如何安装与使用

方式一：网页版 (PWA)

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

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

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

1. 执行构建命令：

   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 开源。