Astro 简单着陆页主题。一个使用 Astro、TailwindCSS 和 TypeScript 构建的简单着陆页。
简单的 Astro 落地页主题就是... 一个使用 Astro 和 Tailwind CSS 构建的免费、可定制且可用于生产的落地页主题。
📋 特性
简洁与高性能。
- ✅ Astro 4.15
- ✅ TailwindCSS
- ✅ TypeScript
- ✅ 响应式
- ✅ SEO 友好
- ✅ OG
- ✅ 描述
- ✅ 图片
🚀 项目结构
在您的 Astro 简单着陆页项目中,您将看到以下文件夹和文件:
/ ├── public/ │ └── img/ │ └── img_00.jpg │ └── img_01.jpg │ └── favicon.svg ├── src/ │ └── components/ │ └── Footer.astro │ └── Hero.astro │ └── Section.astro │ └── pages/ │ └── index.astro │ └── styles/ │ └── global.css │ └── env.d.ts ├── .gitignore ├── astro.config.mjs ├── package.json ├── package-lock.json ├── tailwind.config.mjs └── tsconfig.json
作为一个简单的着陆页,我们只提供一个页面,用于渲染不同的组件:Footer、Hero 和 Section。
🧞 命令
所有命令都从项目根目录的终端中运行。
| `npm install` | Installs dependencies from package.json | `npm clean-install` | Installs dependencies from package-lock.json (Recommended) | `npm run dev` | Starts local dev server at `localhost:4321` | `npm run build` | Build your production site to `./dist/` | `npm run preview` | Preview your build locally, before deploying | `npm run astro ...` | Run CLI commands like `astro add`, `astro check` | `npm run astro -- --help` | Get help using the Astro CLI
⭐ 反馈与 Bug 🐞
如果您发现任何 Bug 或只是想提供反馈(记得给 ⭐ 哦 ^^),**请随时这样做**。和您一样,我正在不断学习,而且事物变化如此之快……谁也说不准 ^^
版本控制 📝
- v1.0 - 当前版本 - 主题仓库创建完成