🧊 Frosti

A clean, elegant, and fast static blog template! Developed using Astro！

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

Note

For a better reading experience, visit ->

🖥️ Preview

✨ Features

• ✅ Page sub-routing
• ✅ Excellent loading speed
• ✅ Light / Dark modes available
• ✅ Various components for enriching article content
• ✅ Various components for enriching page content
• ✅ Comment system built with Waline
• ✅ Beautiful pages built with Tailwind CSS and daisyUI

🚀 Project Structure

\Frosti
├── astro.config.mjs
├── categories.txt
├── index.png
├── package-lock.json
├── package.json
├── pnpm-lock.yaml
├── public
|  ├── favicon.svg
|  ├── fonts
|  |  └── CascadiaCode.woff2
|  ├── home.webp
|  └── profile.webp
├── README.md
├── README.zh-CN.md
├── src
|  ├── components
|  |  ├── BaseCard.astro
|  |  ├── BaseHead.astro
|  |  ├── blog
|  |  |  ├── error.astro
|  |  |  ├── info.astro
|  |  |  ├── success.astro
|  |  |  └── warning.astro
|  |  ├── Comment.astro
|  |  ├── EnvelopeCard.astro
|  |  ├── Footer.astro
|  |  ├── FormattedDate.astro
|  |  ├── Header.astro
|  |  ├── HeaderLink.astro
|  |  ├── License.astro
|  |  ├── page
|  |  |  ├── FriendCard.astro
|  |  |  └── TimeLine.astro
|  |  ├── ProfileCard.astro
|  |  ├── ProfileCardFooter.astro
|  |  ├── ProfileCardMenu.astro
|  |  └── ThemeIcon.astro
|  ├── consts.ts
|  ├── content
|  |  ├── blog
|  |  |  ├── markdown-style-guide.md
|  |  |  └── using-mdx.mdx
|  |  └── config.ts
|  ├── env.d.ts
|  ├── layouts
|  |  └── BaseLayout.astro
|  ├── pages
|  |  ├── about.astro
|  |  ├── blog
|  |  |  ├── tag
|  |  |  ├── [...page].astro
|  |  |  └── [...slug].astro
|  |  ├── friend.astro
|  |  ├── index.astro
|  |  ├── project.astro
|  |  └── rss.xml.js
|  ├── scripts
|  |  └── copybutton.mjs
|  └── styles
|     └── global.css
├── tailwind.config.js
├── tsconfig.json
└── view.png

✒️ Article Information

Name	Meaning	Mandatory
title	Article title	Yes
description	Article description	Yes
pubDate	Article date	Yes
image	Article cover	No
tags	Article tags	No
badge	Article badge	No

⬇️ Usage

Use Frosti by passing the --template parameter to the create astro command!

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

🎯 Plans

• Add table of contents (done but CSS not written)
• Add timeline component (Apr 21, 2024)
• Add friends link component (Apr 21, 2024)

👀 Issues

• global.css is too messy
• Light / Dark mode transition is currently not implemented
• Website score has not reached 400 yet

🎉 Acknowledgments

@Saicaca His inspiration is the main reason for me to create this theme @WRXinYue Helped me a lot in my early learning phase