Skip to content

Latest commit

 

History

History
121 lines (81 loc) · 3.43 KB

README.zh-CN.md

File metadata and controls

121 lines (81 loc) · 3.43 KB

🧊 Frosti

license   release   stackblitz

一个简洁、优雅、快速的静态博客模板！🚀 使用 Astro 开发

🖥️ Frosti Demo   /   🌏 中文 README   /   ❤️My Blog

Tip

推荐先查看此主题的预览

🖥️ 预览

view

⏲️ 性能

speed

✨ 特点

  • ✅ 极速的访问速度与优秀的 SEO
  • ✅ 视图过渡动画（使用 Swup）
  • ✅ 你可以搜索你的文章（使用 pagefind）
  • ✅ 白天 / 黑夜 模式可用
  • ✅ 使用 Waline 搭建的评论系统
  • ✅ 使用 Tailwind CSS 与 daisyUI 构建自适应页面
  • 🛠️ 博客易上手
    • 安装只需要一行命令
    • 可以在 consts.ts 自定义您博客的内容

Important

评论系统需自己配置，详见 Waline 更改 src\components\CommentWaline.astro

✒️ 文章信息

名称 含义 是否必要
title 文章标题 是
description 文章简介 是
pubDate 文章日期 是
image 文章封面 否
categories 文章分类 否
tags 文章标签 否
badge 文章徽标 否

Tip

您可以通过把 badge 属性设置为 Pin 来置顶您的文章

⬇️ 使用方法

Important

Frosti 使用pnpm作为包管理器，如果你没有安装pnpm，请先安装pnpm

通过将 --template 参数传递给 create astro 命令来使用 Frosti ！

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

出现问题？通过克隆本仓库构建！
  1. 安装pnpm包管理器
npm i -g pnpm
  1. 克隆项目
git clone --depth 1 https://github.com/  EveSunMaple/Frosti.git Frosti
  1. 进入项目文件夹
cd Frosti
  1. 安装依赖
pnpm i
  1. 调试、运行项目
pnpm run dev # 启动调试服务器

pnpm run build # 构建项目为静态文件

Note

Frosti 默认通过 pnpm build 构建，如果出现报错，请运行 pnpm update

Tip

您当然也可以使用其他方式来部署 Frosti，比如 Vercel、Netlify 等。但是您需要掌握这些服务的基本使用方法。 Astro支持的deploy方式

🎯 计划

  • 尝试接入无头 cms
  • 修复已知的样式错误
  • 更多……

👀 问题

如果你有任何问题或建议，可以通过提交 Issues 来反馈或同开发者交流！

🎉 感谢

@Saicaca 他的启迪是我制作此主题的主要原因

@WRXinYue 在我前期入门时帮助了我很多