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 在我早期的日子里给了我很多帮助