**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 上支持我 💜
如果这个主题对您有帮助,您可以给我买杯咖啡来支持我的工作 💜