特性
- 🚀 基于 Astro 构建 - 受益于 Astro 的速度和灵活性
- 📱 完全响应式 - 在所有设备上显示出色
- 🎨 可自定义 - 轻松适应您的品牌
- 🔍 SEO 优化 - 元标签、Open Graph 和 JSON-LD
- 📝 博客就绪 - 支持文章、分类、标签和系列
- 🔎 搜索功能 - 使用 Fuse.js 实现客户端搜索
- 📊 分页 - 适用于博客文章、分类、标签和作者
- 📰 RSS 源 - 自动生成的 RSS 源
- 🗺️ 站点地图 - 自动生成的站点地图
- 🖋️ MDX 支持 - 在 Markdown 中使用组件
- 🔤 排版 - 使用 Tailwind CSS 实现精美排版
- 🌙 图标 - 使用 Astro Icon 轻松使用图标
项目结构
├── public/ # Static assets ├── src/ │ ├── assets/ # Images and other assets │ ├── config/ # Site configuration │ ├── content/ # Content collections (blog posts, authors, etc.) │ ├── layouts/ # Layout components │ ├── pages/ # Page components and routes │ ├── styles/ # Global styles │ └── utils/ # Utility functions ├── astro.config.mjs # Astro configuration ├── package.json # Dependencies and scripts
关键目录和文件
- src/config/: 包含站点、菜单和社交链接的配置文件
- src/content/: 包含所有内容集合（博客文章、作者、页面）
- src/layouts/: 包含整个站点使用的布局组件
- src/pages/: 包含所有页面组件并定义路由结构
组件
主题包含多个可重用组件
- Layout.astro: 包含页眉和页脚的主布局组件
- PostLayout.astro: 带有元数据和内容的博客文章布局
- 页眉/页脚: 导航和站点信息
- 分页: 用于浏览多页内容
- 搜索: 客户端搜索功能
- 作者卡片: 显示作者信息
- 文章卡片: 在列表中显示文章预览
- 标签/分类云: 按标签或分类显示和筛选
