🧊 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/FrostiEncountering Issues? Build by Cloning This Repository!
1. Install the pnpm package manager
```sh
npm i -g pnpm
```
2. Clone the project
```sh
git clone --depth 1 https://github.com/EveSunMaple/Frosti.git Frosti
```
3. Enter the project folder
```sh
cd Frosti
```
4. Install dependencies
```sh
pnpm i
```
5. Debug and run the project
```sh
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