返回主题列表

简单的 Astro 落地页主题

简单的 Astro 落地页主题就是... 一个使用 Astro 和 Tailwind CSS 构建的免费、可定制且可用于生产的落地页主题。


价格

免费


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 - 当前版本 - 主题仓库创建完成