AeroStart - 极简浏览器起始页

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

核心特性

  • 🎨 多主题支持 - 内置 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 开源。

Description
A modern, customizable browser start page with elegant search experience and personalized settings.
Readme GPL-3.0 8.9 MiB
Languages
TypeScript 99.1%
HTML 0.4%
CSS 0.4%