A simple, elegant, and fast static blog template! ๐ Built with Astro
๐ฅ๏ธ Frosti Demoย ย ย /ย ย ย ๐ Chinese READMEย ย ย /ย ย ย โค๏ธMy Blog
Tip
It is recommended to preview this theme first
- โ Ultra-fast access speed and excellent SEO
- โ View transition animations (using Swup)
- โ You can search your articles (using pagefind)
- โ Day / Night mode available
- โ Comment system built with Waline
- โ Responsive design built with Tailwind CSS and daisyUI
- ๐ ๏ธ Easy-to-use blog
- Installation requires just one command
- Customize your blog content in
consts.ts
Important
You need to configure the comment system yourself, see Waline for details on modifying src\components\CommentWaline.astro
Name | Meaning | Required |
---|---|---|
title | Article title | Yes |
description | Article summary | Yes |
pubDate | Article date | Yes |
image | Article cover | No |
categories | Article categories | No |
tags | Article tags | No |
badge | Article badge | No |
Tip
You can pin your article by setting the badge
attribute to Pin
Important
Frosti uses pnpm as the package manager. If you donโt have pnpm installed, please install it first.
Use Frosti by passing the --template
parameter to the create astro
command!
pnpm create astro@latest -- --template EveSunMaple/Frosti
- Install the pnpm package manager
npm i -g pnpm
- Clone the project
git clone --depth 1 https://github.com/EveSunMaple/Frosti.git Frosti
- Enter the project folder
cd Frosti
- Install dependencies
pnpm i
- Debug and run the project
pnpm run dev # Start the debug server
pnpm run build # Build the project as static files
Note
Frosti is built using pnpm by default. If you encounter any errors, please run pnpm update
.
Tip
You can also deploy Frosti using other methods such as Vercel, Netlify, etc. However, you need to be familiar with the basic usage of these services. Astro-supported deployment methods
- Attempt to integrate a headless CMS
- Fix known style bugs
- More...
If you have any questions or suggestions, feel free to submit an issue or communicate with the developers!
@Saicaca His inspiration was the main reason I created this theme
@WRXinYue Helped me a lot during my early days