mcpField
A
astrowind

astrowind

github.com/rebyteai-template开发1766 次安装19 周前更新
代码仓库

关于 astrowind

AstroWind 是基于 Astro 5.0、Tailwind CSS 和 TypeScript 的网站模板，面向构建博客与网站的开发者。模板包含暗色模式、RSS 和 SEO 配置，并可通过 YAML 自定义站点信息。

主要功能

  1. 01Astro 5.0 与 MDX 支持
  2. 02Tailwind CSS 样式
  3. 03暗色模式
  4. 04博客与 RSS
  5. 05SEO 配置
  6. 06YAML 站点设置

适用场景

  1. 01启动 Astro 网站项目
  2. 02搭建带 RSS 的博客
  3. 03配置站点导航与社交链接

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/rebyteai-template/rebyte-skills --skill astrowind

安装后在 Claude Code 中输入/astrowind确认已加载。

详细介绍

AstroWind 模板

一款可用于生产环境的 Astro 5.0 + Tailwind CSS 模板，具有完美的 PageSpeed 评分、深色模式、带 RSS 的博客以及 SEO 优化。

技术栈

  • 框架：支持 MDX 的 Astro 5.0
  • 样式：Tailwind CSS
  • 语言：TypeScript
  • 功能：深色模式、RSS、SEO、博客
  • 包管理器：npm
  • 输出目录：dist
  • 开发端口：4321

设置

1. 克隆模板
git clone --depth 1 https://github.com/Eng0AI/astrowind-template.git .

如果目录不为空：

git clone --depth 1 https://github.com/Eng0AI/astrowind-template.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template
2. 移除 Git 历史记录（可选）
rm -rf .git
git init
3. 安装依赖项
npm install

构建

npm run build

部署

Vercel（推荐）
vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN
Netlify
netlify deploy --prod --dir=dist

开发

npm run dev

打开 http://localhost:4321

配置

编辑 src/config.yaml 以自定义：

  • 站点名称、描述和元数据
  • 导航链接
  • 社交媒体链接
  • 分析设置

评论

支持 Markdown