项目简介
Astro Theme Tore 是一个基于 Astro 框架构建的现代化博客和作品集主题。它结合了静态站点的性能优势和现代前端框架的交互能力,为开发者和创作者提供了一套功能完整、易于定制的网站解决方案。
核心特性
🎨 现代化设计
- 响应式布局:完美适配桌面、平板和移动设备
- 深色模式:支持自动切换和手动选择的深色主题
- 优雅动画:流畅的页面过渡和交互效果
- 可访问性:遵循 WCAG 标准,确保良好的无障碍体验
📝 内容管理
- MDX 支持:在 Markdown 中嵌入 React 组件,增强内容表现力
- 类型安全:使用 Zod 模式对内容进行验证,确保数据一致性
- 分类标签:灵活的内容组织和检索系统
- 全文搜索:集成 Pagefind 实现高效的站内搜索
🌍 国际化支持
- 多语言切换:基于 astro-react-i18next 的国际化解决方案
- 自动检测:根据用户浏览器语言偏好自动切换
- 易于扩展:基于 JSON 的翻译文件,支持快速添加新语言
🛠️ 开发者体验
- TypeScript 支持:完整的类型安全保障
- 热重载开发:快速迭代的开发体验
- 代码质量:集成 ESLint、Prettier、Biome 等工具
- 组件化架构:模块化设计,便于复用和定制
技术栈
- 前端框架:Astro 5.x
- UI 组件:React 19
- 样式方案:Tailwind CSS 4.x
- 开发语言:TypeScript 5.x
- UI 组件库:shadcn/ui
- 图标库:Iconify
- 包管理器:pnpm
使用场景
- 个人博客:为技术博客、生活记录提供专业平台
- 作品集展示:展示项目作品、设计案例和创作内容
- 技术文档:构建技术文档和知识库网站
- 开源项目:为开源项目提供美观的文档站点
项目价值
- 性能优化:基于 Astro 的静态生成,提供极快的加载速度
- 开发效率:开箱即用的配置,快速搭建专业网站
- 可定制性:模块化设计支持深度定制和功能扩展
- 现代化体验:结合最新前端技术,提供优秀的用户体验
快速开始
# 克隆项目
git clone https://github.com/moecasts/astro-theme-tore.git
cd astro-theme-tore
# 安装依赖
pnpm install
# 启动开发服务器
pnpm dev
访问 http://localhost:4321 查看效果。
在线体验
访问 tore.moe 查看完整的主题演示和功能展示。
开源贡献
项目采用 MIT 许可证,完全开源。欢迎提交 Issue 或 Pull Request 参与项目改进。访问 GitHub 仓库 了解更多详情。