Skip to content
/ Frosti Public template

A clean, elegant, and fast static blog template! ๐Ÿš€ Developed with Astro

License

Notifications You must be signed in to change notification settings

EveSunMaple/Frosti

๐ŸงŠ Frosti

licenseย ย ย releaseย ย ย stackblitz

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

view

โฒ๏ธ Performance

speed

โœจ 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 badge attribute to Pin

โฌ‡๏ธ 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!

  1. Install the pnpm package manager
npm i -g pnpm
  1. Clone the project
git clone --depth 1 https://github.com/EveSunMaple/Frosti.git Frosti
  1. Enter the project folder
cd Frosti
  1. Install dependencies
pnpm i
  1. 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