Back to Details

astrowind

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

AstroWind Template

AstroWind 模板

A production-ready Astro 5.0 + Tailwind CSS template with perfect PageSpeed scores, dark mode, blog with RSS, and SEO optimization.
一款可投入生产环境的Astro 5.0 + Tailwind CSS模板，具备完美的PageSpeed评分、深色模式、带RSS的博客功能以及SEO优化。

Tech Stack

技术栈

  • Framework: Astro 5.0 with MDX support
  • Styling: Tailwind CSS
  • Language: TypeScript
  • Features: Dark mode, RSS, SEO, Blog
  • Package Manager: npm
  • Output: 
    dist
    directory
  • Dev Port: 4321
  • 框架：Astro 5.0（支持MDX）
  • 样式：Tailwind CSS
  • 语言：TypeScript
  • 功能：深色模式、RSS、SEO、博客
  • 包管理器：npm
  • 输出目录：
    dist
  • 开发端口：4321

Setup

安装步骤

1. Clone the Template

1. 克隆模板

bash
git clone --depth 1 https://github.com/Eng0AI/astrowind-template.git .
If the directory is not empty:
bash
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
bash
git clone --depth 1 https://github.com/Eng0AI/astrowind-template.git .
若目标目录非空：
bash
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. Remove Git History (Optional)

2. 移除Git历史记录（可选）

bash
rm -rf .git
git init
bash
rm -rf .git
git init

3. Install Dependencies

3. 安装依赖

bash
npm install
bash
npm install

Build

构建项目

bash
npm run build
bash
npm run build

Deploy

部署

Vercel (Recommended)

Vercel（推荐）

bash
vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN
bash
vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN

Netlify

Netlify

bash
netlify deploy --prod --dir=dist
bash
netlify deploy --prod --dir=dist

Development

开发

bash
npm run dev
Opens at http://localhost:4321
bash
npm run dev
启动后访问 http://localhost:4321

Configuration

配置

Edit 
src/config.yaml
to customize:
  • Site name, description, and metadata
  • Navigation links
  • Social media links
  • Analytics settings
编辑
src/config.yaml
进行自定义：
  • 站点名称、描述和元数据
  • 导航链接
  • 社交媒体链接
  • 分析设置