LogoClawIndex
案例技能关于
LogoClawIndex

astro - 使用 Astro 构建内容型网站

使用 Astro 的 Islands 架构、零 JS 默认渲染、多框架组件及 Markdown/MDX 支持构建内容型网站。

标签

更新于: 2026-06-30
astro静态站点生成服务端渲染岛屿架构内容markdownmdx性能前端静态站点生成器

能力

创建 Astro 项目生成文件路由配置内容集合添加交互式组件岛

典型输入

Markdown 或 MDX 内容文件Astro 配置文件UI 框架组件(React、Vue、Svelte、Solid)

典型输出

静态 HTML 页面SSG 或 SSR 渲染的网站RSS 订阅 XML 文件

该技能可以做什么

  • 创建 Astro 项目
  • 生成文件路由
  • 配置内容集合
  • 添加交互式组件岛
  • 创建页面布局
  • 通过适配器启用 SSR
  • 生成 RSS 订阅源
  • 创建 API 端点

输入

  • Markdown 或 MDX 内容文件
  • Astro 配置文件
  • UI 框架组件(React、Vue、Svelte、Solid)
  • 环境变量
  • CSS 或 Tailwind 样式表

输出

  • 静态 HTML 页面
  • SSG 或 SSR 渲染的网站
  • RSS 订阅 XML 文件
  • API 端点 JSON 响应
  • 站点地图 XML 文件

要求

  • Node.js 运行时
  • npm 包管理器
  • 已安装 Astro CLI
  • 支持的 AI 模型(Claude、Cursor 或 Gemini)

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。