Astralis 是一个优雅的极简主义浏览器起始页，专注于提供简洁、高效的浏览体验。支持多语言、主题切换和个性化定制。
- 🌐 国际化支持 - 内置中英文双语，可轻松扩展其他语言
- 🌓 主题切换 - 支持浅色/深色/跟随系统三种主题模式
- 🔍 多搜索引擎 - 集成 Google、Baidu、Bing 等主流搜索引擎
- ⚡ 快速访问 - 自定义网站分类和快捷链接
- 🎨 极简设计 - 清爽的界面，专注于内容本身
- 📱 响应式布局 - 完美适配桌面和移动设备
- 💾 本地存储 - 所有设置保存在本地，保护隐私
- Node.js (推荐 v16 或更高版本)
- npm 或 yarn
-
克隆仓库
git clone https://github.com/yigehaozi/astralis.git cd astralis -
安装依赖
npm install
-
启动开发服务器
npm run dev
-
访问应用
在浏览器中打开
http://localhost:5173
npm run build构建后的文件将在 dist 目录中。
编辑 constants.ts 文件中的 DEFAULT_CATEGORIES 来自定义默认的网站分类和链接：
export const DEFAULT_CATEGORIES: Category[] = [
{
id: '1',
title: { zh: '常用', en: 'Frequently Used' },
websites: [
{
id: '1',
title: { zh: '示例网站', en: 'Example Site' },
url: 'https://example.com',
icon: '🌐'
}
]
}
];在 constants.ts 中修改 SEARCH_ENGINES 来添加或修改搜索引擎。
- React - UI 框架
- TypeScript - 类型安全
- Vite - 构建工具
- Tailwind CSS - 样式框架
- Lucide React - 图标库
MIT License
Astralis is an elegant minimalist browser start page focused on providing a clean and efficient browsing experience. It supports multiple languages, theme switching, and personalization.
- 🌐 Internationalization - Built-in Chinese and English, easily extensible to other languages
- 🌓 Theme Switching - Light/Dark/System theme modes
- 🔍 Multiple Search Engines - Integrated Google, Baidu, Bing and more
- ⚡ Quick Access - Customizable website categories and shortcuts
- 🎨 Minimalist Design - Clean interface focused on content
- 📱 Responsive Layout - Perfect for desktop and mobile devices
- 💾 Local Storage - All settings saved locally for privacy
- Node.js (v16 or higher recommended)
- npm or yarn
-
Clone the repository
git clone https://github.com/yigehaozi/astralis.git cd astralis -
Install dependencies
npm install
-
Start development server
npm run dev
-
Open in browser
Visit
http://localhost:5173
npm run buildBuilt files will be in the dist directory.
Edit DEFAULT_CATEGORIES in constants.ts to customize default website categories and links:
export const DEFAULT_CATEGORIES: Category[] = [
{
id: '1',
title: { zh: '常用', en: 'Frequently Used' },
websites: [
{
id: '1',
title: { zh: '示例网站', en: 'Example Site' },
url: 'https://example.com',
icon: '🌐'
}
]
}
];Edit SEARCH_ENGINES in constants.ts to add or modify search engines.
- React - UI Framework
- TypeScript - Type Safety
- Vite - Build Tool
- Tailwind CSS - Styling
- Lucide React - Icons
MIT License