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許可證的條款獲得許可的。