推荐10个Astro简洁适用于个人网站的博客主题

作者: ryan 发布于: 10/16/2024 更新于: 10/16/2025 字数: 0 字 阅读: 0 分钟

‍

Astro 框架搭建静态或动态网站的技术方案，尤其适合内容驱动型网站（如博客、文档站、营销页、电商页面等）。

其核心设计理念是通过 “少 JavaScript、高性能” 的策略，生成高加载速度、强 SEO 的网页

‍

1.Chiri

项目地址：https://github.com/the3ash/astro-chiri

演示站点：https://astro-chiri.netlify.app/

‍

一个为清晰与专注而设计的极简博客主题。

采用刻意极简的设计，这种布局确保你的内容成为焦点。它以灵活性为建，提供符合其简洁优雅美感的自定义选项。

在一个宁静且无尘的空间中轻松分享你的想法。

‍

2.Citrus

项目地址：https://github.com/ArtemKutsan/astro-citrus

演示站点：https://astrocitrus.netlify.app/

这是我一些很棒的内置功能：

• I'm ultra fast as I'm a static site 我非常快速，因为我是一个静态站点
• I'm fully responsive 我完全响应式
• I come with a light and dark mode 我提供亮色和暗色模式
• I'm easy to customise and add additional content 我易于自定义并添加额外内容
• I have Tailwind CSS styling 我使用 Tailwind CSS 进行样式设计
• Shiki code syntax highlighting Shiki 代码语法高亮
• Satori for auto generating OG images for blog posts Satori 用于自动生成博客文章的 OG 图片

‍

3.Astro Vitesse

项目地址：https://github.com/adrian-ub/astro-vitesse

演示站点：https://astro-vitesse.vercel.app/

Astro Vitesse，灵感来自 antfu.me

使用 Astro 构建美观、可访问、高性能的博客网站

‍

4.Nano-blog

项目地址：https://github.com/gaomingzhao666/nano-blog

演示站点：https://nano-blog-bice.vercel.app/

‍

高性能、轻量且对 SEO 友好的现代博客系统，所有组件均用 Astro 编写

‍

构建于

• Astro
• TailwindCSS
• 使用 ES6+ 的 Typescript

‍

功能

• [√] 极简样式
• [√] 响应式布局
• [√] 超高性能
• [√] 搜索引擎优化友好
• [√] 支持 Markdown 和 MDX
• [√] 代码高亮
• [√] 暗黑模式
• [√] 自动计算阅读时间
• [√] 将 Pagefind 集成用于内容搜索
• [√] 相关文章（在 v2.1 更新）
• [√] English​ 和 Japanese 本地化 (i18n)
• [√] 由 Github Discussion 提供支持的 Giscus 评论集成（开发中）

‍

5.Gyoza

项目地址：https://github.com/lxchapu/astro-gyoza

演示站点：https://gyoza.lxchapu.com/

‍

一个简单可爱的博客模板，专注于你的内容。

功能

• Astro 4
• 使用 Tailwind CSS 的移动友好响应式设计
• 明亮 / 黑暗 主题
• 具有规范 URL 和 OpenGraph 数据的利于 SEO 的设置
• RSS 生成
• 网站地图

‍

6.So Basic

项目地址：https://github.com/lukeska/sobasic

演示站点：https://sobasic.netlify.app/

‍

So Basic 非常适合你的个人或专业博客。你可以专注于撰写内容，So Basic 会以干净、极简的方式负责展示它。读者会很满意。

使用 So Basic 时，一切以你为中心。你的文章，你的项目。

在主页展示你是谁，附上精选文章和项目列表。

通过博客页面分享你的想法和故事。

通过关于页面让读者了解你有多优秀。

‍

功能

• 轻量级 - 以实现出色的页面加载速度
• SEO 针对搜索引擎优化
• 支持浅色和深色主题
• 完全响应式

‍

技术栈

Astro 5.8

Tailwind CSS 4.1

Vanilla JS 🙂 原生 JS 🙂

‍

‍

7.Litos

项目地址：https://github.com/Dnzzk2/Litos

演示站点：https://litos.vercel.app/

‍

Litos 是一个基于 Astro 构建的现代高性能博客主题。

‍

‍

8.Devolio

项目地址：https://github.com/devaradise/devolio

演示站点：https://devolio.devaradise.com/

‍

一个简单的面向开发者的 Astro 投资组合与博客模板

‍

‍

9.Gblog

项目地址：https://github.com/godruoyi/gblog/tree/gblog-template

演示站点：https://godruoyi.com/

‍

🎈gblog 是一个使用 Astro 构建的开源、简洁且美观的博客。

Gblog 是为那些无法或不愿编写前端代码的人设计的博客模板。

你所要做的只是从别处找到一个有趣的 Tailwind CSS 模板并将其粘贴到 Gblog 中，它就能无缝运行。

此外，你还可以在不编写任何 JavaScript 代码的情况下自定义自己的博客。

‍

10.Pure

‍

项目地址：https://github.com/cworld1/astro-theme-pure

演示站点：https://astro-pure.js.org/

‍

一个由 Astro 构建的简单、清爽却强大的博客与文档主题。

‍

功能

• 🚀 快速且高性能
• ⭐ 简洁清爽的设计
• 📱 响应式设计
• 🔍 使用 pagefind 构建的全站搜索
• 🗺️ 网站地图与 RSS 订阅源
• 🕸️ SEO 对搜索引擎友好
• 📖 目录（table of contents）
• 🖼️ 为文章动态生成开放图（open graph）
• 🖼️ 图片 Mediumzoom 灯箱效果

‍

‍