Frosti

？弗羅斯蒂

一個簡單、優雅、快速的靜態部落格模板！使用 Astro 構建

弗羅斯蒂演示/ ？中文自述文件/ ❤️我的博客

提示

建議先預覽主題

預覽

⏲️ 性能

特徵

• ✅ 超快的存取速度和優秀的SEO
• ✅ 查看轉場動畫（使用 Swup）
• ✅ 您可以搜尋您的文章（使用 pagefind）
• ✅ 提供日間/夜間模式
• ✅ 使用 Waline 建構的評論系統
• ✅ 使用 Tailwind CSS 和 daisyUI 建立的響應式設計
• 易於使用的博客
  • 安裝只需一條指令
  • 在consts.ts中自訂您的部落格內容

重要的

需要自行設定評論系統，具體修改srccomponentsCommentWaline.astro參見Waline

✒️文章信息

姓名	意義	必需的
標題	文章標題	是的
描述	文章摘要	是的
發布日期	文章日期	是的
影像	文章封面	不
類別	文章類別	不
標籤	文章標籤	不
徽章	文章徽章	不

提示

您可以將badge屬性設為Pin來固定您的文章

用法

重要的

Frosti 使用 pnpm 作為套件管理器。如果您沒有安裝pnpm，請先安裝它。

透過將--template參數傳遞給create astro命令來使用 Frosti！

pnpm create astro@latest -- --template EveSunMaple/Frosti

遇到問題？通過克隆此存儲庫來構建！

1. 安裝 pnpm 套件管理器

npm i -g pnpm

2. 克隆項目

git clone --depth 1 https://github.com/EveSunMaple/Frosti.git Frosti

3. 進入專案資料夾

 cd Frosti

4. 安裝依賴項

pnpm i

5. 調試並運行項目

pnpm run dev # Start the debug server

pnpm run build # Build the project as static files 

筆記

Frosti 預設使用 pnpm 建置。如果遇到任何錯誤，請執行pnpm update 。

提示

您也可以使用其他方法（例如 Vercel、Netlify 等）部署 Frosti。 Astro支援的部署方法

路線圖

• 嘗試整合無頭 CMS
• 修復已知的樣式錯誤
• 更多的...

？問題

如果您有任何問題或建議，請隨時提交問題或與開發者溝通！

？謝謝

@Saicaca 他的靈感是我創建這個主題的主要原因

@WRXinYue 在我早期的日子裡給了我很多幫助