返回主题列表

Astro 基础模板 🚀

用于启动任何着陆页的基础模板。带有汉堡菜单和渐变背景。


价格

免费


创建者
SofiDev

**Astro 基础模板:**

Astro 基础模板是一个简洁的模板,旨在快速启动任何着陆页项目。它具有可配置的渐变背景和响应式汉堡/下拉菜单 💜🚀。


您可以通过运行以下命令使用此模板

npm create astro@latest -- --template SofiDevO/base-astro


建议结构

此模板遵循原子设计方法,根据组件的功能和复杂性进行组织。


```
📦src
 ┣ 📂components
 ┃ ┣ 📂atoms
 ┃ ┃ ┣ 📂HamburgerButton
 ┃ ┃ ┃ ┣ 📜HamburgerButton.jsx
 ┃ ┃ ┃ ┗ 📜hamburger-button.css
 ┃ ┃ ┗ 📂NavLinks
 ┃ ┃ ┃ ┣ 📜NavLinks.jsx
 ┃ ┃ ┃ ┗ 📜nav-links.css
 ┃ ┣ 📂organisms
 ┃ ┃ ┗ 📜Header.astro
 ┃ ┗ 📜BaseHead.astro
 ┣ 📂controllers
 ┃ ┗ 📜hamburger.js
 ┣ 📂data
 ┃ ┗ 📜navMenu.js
 ┣ 📂layouts
 ┃ ┗ 📜Layout.astro
 ┣ 📂pages
 ┃ ┗ 📜index.astro
 ┣ 📂styles
 ┃ ┗ 📜global.css
 ┣ 📜consts.ts
 ┗ 📜env.d.ts
```

---


在 Ko-fi 上支持我 💜

如果这个主题对您有帮助,您可以给我买杯咖啡来支持我的工作 💜


https://ko-fi.com/sofidev](https://ko-fi.com/sofidev