astro theme stone

石头：Astro主题

Stone是一个免费的开源Astro主题，专门为业务，营销，SaaS和创业网站设计。

关键功能：

• 用尾风CSS和Alpine.js构建
• 5页以上
• 15个以上的部分
• 清洁与现代设计
• 完全响应
• 黑暗与光模式
• 快速和表现
• 超轻量级
• 查看过渡（实验）
• 更漂亮的代码格式
• Google字体
• 混音图标
• 免费更新

入门

要求

• Astro，HTML和CSS的基础知识。
• 文本编辑器（我们建议Visual Studio代码）
• Node.js 18或更高。

安装依赖项

导航到您的项目文件夹并安装其依赖项：

 npm install

开始

安装完成后，您现在可以运行您的应用程序：

 npm run dev

这将在开发模式下运行应用程序。打开http：// localhost：3000在浏览器中查看。

建造

 npm run build

这将构建为./dist/文件夹生产的应用程序。

项目结构

在项目内部，您将看到以下文件夹和文件：

 /
├── public/
├── src/
│   ├── components/
│   ├── layouts/
│   └── pages/
├── .prettierrc
├── astro.config.mjs
├── package-lock.json
├── package.json
├── README.md
├── tailwind.config.cjs
└── tsconfig.json

• public/* - 任何静态资产（图像，字体，图标，...）
• src/* - 项目源代码（组件，页面，...）
• src/components/* - 用于构建页面的可重复使用的Astro组件。
• src/layouts/* - 定义一个或多个页面共享的UI结构的Astro组件。
• src/pages/* - 用于在您的网站上创建新页面的Astro组件。每个页面都基于其文件名将其视为路由。
• .prettierrc漂亮的配置文件。
• astro.config.mjs -Astro配置文件。
• JavaScript软件包管理package.json使用的文件来管理您的依赖关系。它还定义了通常用于运行Astro的脚本。
• tailwind.config.cjs尾管配置文件。主题部分是您定义调色板和字体的位置。
• tsconfig.json打字稿配置文件。

部署

准备构建和部署您的网站了吗？遵循官方文件。

支持

如果您有任何疑问或建议，请随时与我联系。

执照

该项目是根据MIT许可证的条款获得许可的。