Frosti
Frosti copied to clipboard
A clean, elegant, and fast static blog template! π Developed with Astro
π§ Frosti
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
π₯οΈ Preview

β²οΈ Performance

β¨ Features
- β 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
βοΈ Article Information
| 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
badgeattribute toPin
β¬οΈ Usage
[!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
Encountering Issues? Build by Cloning This Repository!
- 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
π― Roadmap
- [ ] Attempt to integrate a headless CMS
- [ ] Fix known style bugs
- [ ] More...
π Issues
If you have any questions or suggestions, feel free to submit an issue or communicate with the developers!
π Thanks
@Saicaca His inspiration was the main reason I created this theme
@WRXinYue Helped me a lot during my early days