Astro后台作品集SaaS企业官网

site-theme — Astro 后台模板

作者 mcp-tool-shop-org

基于 Astro 的多模板工具包，提供落地页、文档、产品站、作品集和 SaaS 仪表盘等模板，并附带 front-door 验证器用于检查 README、AGENTS.md 和 llms.txt。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

2 个预览视图

桌面端首页1 / 2

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

桌面端截图

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

全部页面与视图 2

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

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

值得关注的模板亮点

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

提供六种 Astro 模板：default、docs、product、portfolio、app、tool，覆盖落地页、文档、作品集和 SaaS 仪表盘等场景

内置 front-door 验证器，可检查 README、AGENTS.md、llms.txt 中的声明与代码证据是否一致

使用 Tailwind CSS v4 和语义化设计令牌，可通过覆盖 CSS 变量快速调整主题配色

包含 17 个可复用 Astro 组件，支持按需导入，涵盖布局、内容、营销、作品集和文档

每个模板都配置了 CI 测试和 GitHub Pages 部署工作流，开箱即用

模板详细介绍

site-theme 是一个基于 Astro 的多模板工具包，通过命令行工具提供六种模板：default（项目落地页）、docs（文档站）、product（营销落地页）、portfolio（可筛选目录网格）、app（多租户 SaaS 仪表盘）和 tool（CLI/MCP/npm 包落地页）。每个模板都经过 CI 测试并配置了 GitHub Pages 部署工作流。使用 npx @mcptoolshop/site-theme init 即可生成站点目录，内容集中在 site-config.ts 中编辑。

主题采用深色配色，基于 Tailwind CSS v4，通过语义化设计令牌（如 --color-surface、--color-accent）控制样式，可在 global.css 中覆盖。包内提供 17 个 Astro 组件，涵盖布局外壳、内容区块、营销模块、作品集和文档等类别，支持按需导入。

此外，工具包包含 front-door 验证器，用于检查仓库的 README、AGENTS.md 和 llms.txt 等面向人类和机器的入口文件。它验证文档中的声明是否与代码证据一致，将发现的问题按风险分为 Verified、Contradicted、Missing、Unverifiable 四类，并可通过 MCP 服务器供代理调用。

Astro后台作品集SaaS企业官网

适合你的项目吗？

适用场景

为开源项目快速搭建落地页或文档站
构建多租户 SaaS 仪表盘界面
创建可筛选的作品集或工具目录页面
为 CLI、MCP 或 npm 包制作产品介绍页
在 CI 中自动验证仓库文档的准确性和一致性

适合人群

需要快速启动 Astro 项目的开发者
维护开源项目并希望统一文档和落地页风格的团队
构建 SaaS 仪表盘或后台界面的前端工程师
希望确保 README 和 AGENTS.md 内容准确的维护者

上手与定制指南

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

1
使用 npx @mcptoolshop/site-theme init 生成站点目录，然后运行 npm install 和 npm run dev
2
页面内容在 site/src/site-config.ts 中配置，可自定义标题、描述、导航和区块
3
可通过在 global.css 中添加 @theme 块覆盖设计令牌来调整主题颜色
4
front-door 验证器可通过 npx @mcptoolshop/site-theme front-door verify 运行，支持 --run-doctests 选项
5
部署到 GitHub Pages 的工作流已预配置，无需手动设置

查看仓库使用说明