# astro-landing-page

**Repository Path**: functioncat-templates/astro-landing-page

## Basic Information

- **Project Name**: astro-landing-page
- **Description**: Astro + Tailwind CSS 示例/模板，用于着陆页。


- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: https://template-landing.hanshumao.com/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-10-27
- **Last Updated**: 2024-12-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 模板介绍

| 项目信息       | 详情                                                                                  |
| -------------- | ------------------------------------------------------------------------------------- |
| 原始项目地址   | [ mhyfritz/astro-landing-page](https://github.com/mhyfritz/astro-landing-page)                                 |
| 原始项目Stars   | [![GitHub stars](https://img.shields.io/github/stars/mhyfritz/astro-landing-page?style=social)](https://github.com/mhyfritz/astro-landing-page/stargazers) |
 
---

# Astro 登陆页面 <picture><source media="(prefers-color-scheme: dark)" srcset="https://astro.build/assets/press/astro-icon-light.png"><source media="(prefers-color-scheme: light)" srcset="https://astro.build/assets/press/astro-icon-dark.png"><img align="right" valign="center" height="79" width="63" src="https://astro.build/assets/press/astro-icon-dark.png" alt="Astro logo" /></picture>

> Astro + Tailwind CSS 登陆页面示例/模板。


![Astro 登陆页面截图](screenshots.jpg)

## 功能

- 💨 Tailwind CSS 用于样式
- 🎨 可主题化
- CSS 变量在 `src/styles/theme.css` 中定义并映射到 Tailwind 类 (`tailwind.config.cjs`)
- 🌙 暗模式
- 📱 响应式（布局、图像、排版）
- ♿ 可访问（以 https://web.dev/measure/ 为衡量标准）
- 🔎 支持 SEO（以 https://web.dev/measure/ 为衡量标准）
- 🔗 用于社交媒体共享的 Open Graph 标签
- 💅 [Prettier](https://prettier.io/) 为 [Astro](https://github.com/withastro/prettier-plugin-astro) 和 [Tailwind](https://github.com/tailwindlabs/prettier-plugin-tailwindcss) 设置

## 命令

| 命令 | 操作 |
| :--------------------- | :------------------------------------------------ |
| `npm install` | 安装依赖项 |
| `npm run dev` | 在 `localhost:4321` 启动本地开发服务器 |
| `npm run build` | 将生产站点构建到 `./dist/` |
| `npm run preview` | 在部署之前在本地预览构建 |
| `npm run astro ...` | 运行 CLI 命令，如 `astro add`、`astro check` |
| `npm run astro --help` | 获取使用 Astro CLI 的帮助 |
| `npm run format` | 使用 [Prettier](https://prettier.io/) 格式化代码 |
| `npm run clean` | 删除 `node_modules` 并构建输出 |

## 致谢

- 宇航员图像
- 来源：https://github.com/withastro/astro-og-image； 注意：此 repo 不再可用
- 月球图像
- 来源：https://unsplash.com/@nasa
- 除此之外，很多材料（展示数据、副本）都取自 Astro 官方来源，特别是 https://astro.build/blog/introducing-astro/ 和 https://github.com/withastro/astro.build