Astro博客

astro-air-bento — Astro 博客模板

作者 deventw

Astro Air Bento 是一个基于 Astro 的极简个人博客主题，支持深色模式、响应式布局、Markdown/MDX 写作、中英双语与 RSS 订阅。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

1 个预览视图

作者提供的预览

访问演示网站在新标签页打开

作者提供的预览

来自项目 README 的原始预览。

目前有 1 张原始预览，可打开完整图片查看设计细节。

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-02查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

使用 Markdown 或 MDX 撰写文章，frontmatter 支持标题、描述、发布日期、可选更新日期、标签与封面图

内置深色模式与设备响应式布局

提供中英双语（EN/ZH）界面与内容配置

支持 RSS 订阅与 sitemap，采用 SSG 静态渲染

集成社交媒体链接、Google Analytics 与 Twikoo 评论

MIT 许可，允许免费使用、修改、商用与分发

模板详细介绍

Astro Air Bento 是面向 Astro 的极简个人博客主题，灵感来自 Astro Air。它使用 Markdown 或 MDX 撰写文章，通过 SSG 静态渲染输出页面，并内置 RSS 订阅与 sitemap。主题提供深色模式、设备响应式布局、中英双语（EN/ZH）界面、社交媒体链接、Google Analytics 与 Twikoo 评论集成。

使用前需要自行配置：站点信息在 src/config/index.ts，站点链接在 src/config/links.ts，关于与介绍页面内容在 src/config/zh(en)/about.mdx、intro.mdx、links.mdx。文章放在 src/content/posts/ 目录，frontmatter 支持 title、description、pubDate，以及可选的 updatedDate、tags、ogImage。

仓库 README 中本地搜索与过渡动画仍处于未勾选状态，说明这些能力尚未包含在当前版本中。主题以 MIT 许可发布，可免费使用、修改、商用和分发，但演示图片、字体、图标等第三方素材需单独核对许可；域名、托管、评论等外部服务可能产生费用。

Astro博客

适合你的项目吗？

适用场景

搭建以文字为主的个人博客，用 Markdown/MDX 管理文章
需要中英双语展示的个人站点
希望有 RSS 订阅与 sitemap 的静态博客
偏好极简视觉风格并需要深色模式的站点

适合人群

熟悉 Astro 或愿意按配置文件调整站点的个人开发者
以文章写作为主、不需要复杂后台的个人博主
需要中英双语与 RSS 输出的内容站点
接受自行配置评论、统计等外部服务的用户

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
在 src/config/index.ts 配置站点设置，在 src/config/links.ts 配置站点链接
2
在 src/config/zh(en)/about.mdx、intro.mdx、links.mdx 中修改对应页面内容
3
文章创建在 src/content/posts/ 目录，按 README 提供的 frontmatter 模板填写
4
评论使用 Twikoo、统计使用 Google Analytics，需自行准备对应服务
5
本地开发按 README 使用 bun install 与 bun dev；更新主题可通过添加上游仓库并合并 upstream/main

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

允许免费使用、修改、商用和分发该版本代码。
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

评论功能依赖 Twikoo 外部服务，需自行部署或接入 Twikoo 后端，可能产生额外服务与费用。
站点统计使用 Google Analytics，需自行注册账号并配置跟踪 ID，属于外部服务。
一键部署依赖 Vercel 等第三方托管平台，域名与托管可能产生费用。
演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

Commenting Integration (Twikoo)
README 原文

Google analysis integration
README 原文

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/deventw/astro-air-bento)
README 原文

https://github.com/deventw/astro-air-bento/blob/main/LICENSE https://github.com/deventw/astro-air-bento/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-02。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料较完整 · 87 / 100
技术栈: Astro
网站类型: 博客

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2025-10-27
截图检查日期: 2026-10-02

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Astro。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: aca12b1fd8b2e9875c981039397cecd0eb51711cb543a1cea1373a31065bb52a

2026-10-02T09:48:38.197Z

来源文件 / 仓库

# Astro Air Bento

[Astro Theme Details](https://astro.build/themes/details/astro-air-bento/)

A minimalism, personal blog theme for Astro, which inspired by [Astro Air](https://astro-air.guoqi.dev).

> If you find this project helpful, please consider giving it a star ⭐️

[![Built with Astro](https://astro.badg.es/v1/built-with-astro/tiny.svg)](https://astro.build)
[![Netlify Status](https://api.netlify.com/api/v1/badges/a4eb6e88-606d-4ea6-9a53-179e03a7e2ef/deploy-status)](https://app.netlify.com/sites/astro-air-bento/deploys)

<img style="border-radius: 10px;" src="https://cdn.jsdelivr.net/gh/deventw/astro-air-bento@master/public/preview.png" alt="Astro Air Bento">

## Showcase

- [Astro Air Bento](https://astro-air-bento.netlify.app)
- [Astro Air](https://astro-air.guoqi.dev)
- [Guoqi's blog](https://blog.sunguoqi.com)
- ...

> Welcome to add your own blog to the list by creating 🅿🆁

## Features

- [x] 🌓 Dark mode support
- [x] 📱 Fully device responsive
- [x] 🎨 Clean and minimalist design
- [x] 📝 Markdown/MDX for content authoring
- [x] 🏄‍♂️ SSG static rendering, SEO friendly
- [x] 🌐 i18n support (EN/ZH)
- [x] 🔗 Social media integration
- [x] 📰 RSS feed & sitemap support
- [x] 🛠️ Google analysis integration
- [x] 💬 Commenting Integration (Twikoo)
  <!-- - [ ] 🔍 Local search functionality -->
  <!-- - [ ] 🎨 Enhance Transition and Animation -->
  <!-- - [ ] ...and more -->

## Quick Start

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/deventw/astro-air-bento)

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/deventw/astro-air-bento)

## Configuration

- Open `src/config/index.ts` and customize your site settings

- Open `src/config/links.ts` and customize your site links

- Open `src/config/zh(en)/about.mdx(intro.mdx、links.mdx)` and customize your pages content

## Writing Content

1. Create new blog posts in the `src/content/posts/` directory
2. Use the following frontmatter template:

```markdown
---
title: "Your Post Title"
description: "A brief description of your post"
pubDate: YYYY-MM-DD
updatedDate(optional): YYYY-MM-DD
tags(optional): ["tag1", "tag2"]
ogImage(optional): "cover image URL"
---

Your content here...
```

## Update Theme

```bash
git remote add upstream https://github.com/deventw/astro-air-bento

git fetch upstream

git merge upstream/main --allow-unrelated-histories

```

## Contributing

Contributions are welcome! Feel free to:

1. Fork the repository
2. Create your feature branch
3. Submit a pull request

```bash
git clone https://github.com/deventw/astro-air-bento

cd astro-air-bento

bun install

bun dev
```

## License

This project is licensed under the MIT License - see the LICENSE file for details.

反馈内容错误