Astro Theme Tore

Astro Theme Tore

一个现代化的 Astro 主题,专为博客和作品集设计,提供丰富的功能和优秀的用户体验。

2025年10月23日
GitHub

项目简介

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

使用场景

  • 个人博客:为技术博客、生活记录提供专业平台
  • 作品集展示:展示项目作品、设计案例和创作内容
  • 技术文档:构建技术文档和知识库网站
  • 开源项目:为开源项目提供美观的文档站点

项目价值

  1. 性能优化:基于 Astro 的静态生成,提供极快的加载速度
  2. 开发效率:开箱即用的配置,快速搭建专业网站
  3. 可定制性:模块化设计支持深度定制和功能扩展
  4. 现代化体验:结合最新前端技术,提供优秀的用户体验

快速开始

# 克隆项目
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 仓库 了解更多详情。