AstroReact作品集

astro-gaia — Astro 作品集模板

作者 danielecammarata

面向开发者的单作者 Astro 作品集模板，集成 Tailwind、React 与 shadcn/ui，支持博客分类与 SEO。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

3 个预览视图

桌面端首页1 / 3

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

桌面端截图

演示站首页的真实桌面布局。

全部页面与视图 3

截图用于了解视觉与布局，交互效果请以实际项目为准。本截图因高度限制未包含整页。

采集于 2026-09-27查看来源

值得关注的模板亮点

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

基于 Astro 与 React，集成 Tailwind CSS 和 shadcn/ui

内置作品集集合与博客分类支持

支持 Markdown 和 MDX 内容

包含 SEO 优化（canonical URL、OpenGraph）和站点地图

使用 Biome 进行代码检查与格式化

提供 Netlify 一键部署按钮

模板详细介绍

AstroGaia 是一个为软件开发者设计的单作者作品集主题，基于 Astro.js 构建，并整合了 Tailwind CSS、ReactJS 和 shadcn/ui。模板的核心结构包含作品集内容集合（Portfolio collection）和博客分类支持，适合用来展示个人项目、技术文章或职业履历。项目文件组织清晰，内容通过 Markdown 或 MDX 管理，并利用 Astro 的内容集合进行类型校验，方便维护。

在功能层面，模板内置了视图过渡效果、SEO 友好的 canonical URL 与 OpenGraph 数据、站点地图支持，以及代码检查和格式化工具 Biome。React 组件的引入让交互部分更灵活，而 shadcn/ui 则提供了一套可复用的 UI 组件。对于想要快速搭建个人品牌页面的开发者，AstroGaia 提供了开箱即用的基础，但需要注意，模板的演示内容由 ChatGPT 生成，图片来自 Unsplash，上线前需要替换为真实内容。

需要明确的是，模板本身不包含登录、支付或管理后台等后端功能，它只是一个静态站点主题。部署方面，README 提供了 Netlify 一键部署按钮，但其他平台（如 Vercel）的部署细节未提及，需要自行配置。此外，项目当前星标数较少，且许可证状态未明确，使用前建议查看仓库的 LICENSE 文件或联系作者确认。

AstroReact作品集

适合你的项目吗？

适用场景

个人开发者搭建作品集网站
展示技术博客与项目案例
快速原型设计，利用 shadcn/ui 组件
学习 Astro 内容集合与视图过渡的实践

适合人群

前端开发者
技术博主
独立开发者
设计作品集展示（需自行调整）

上手与定制指南

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

1
克隆仓库后运行 npm install 安装依赖，使用 npm run dev 启动开发服务器。
2
内容管理需在 src/content/ 下按集合结构添加 Markdown 或 MDX 文件。
3
部署前需替换演示内容与图片，并检查许可证状态。

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

MIT许可证允许免费使用、复制、修改、合并、发布、分发、再许可和销售软件，仅需保留版权和许可声明。

使用时需要遵守

保留原作者版权声明和 MIT 许可证声明。
保留版权声明和许可声明

额外费用与待核对事项

演示图片来自Unsplash，其许可未在文档中明确

查看原文依据

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software
许可证原文