A clean, elegant, and fast static blog template! Developed with Astro!
π₯οΈ Frosti DemoΒ Β Β /Β Β Β π δΈζ READMEΒ Β Β /Β Β Β β€οΈMy Blog
Note
For a better reading experience, please visit -> https://frosti.saroprock.com
- β Lighthouse 400
- β Blog content support
- β View transition animations
- β You can search your articles
- β Light / Dark mode available
- β
Various components for enriching article content
- Diverse alerts
- Code block copy buttons
- More content supported by daisyUIβ¦β¦
- β
Various components for enriching page content
- Timeline component
- Friends card component
- β Comment system built with Waline
- β Beautiful pages built with Tailwind CSS and daisyUI
Note
The comment system needs to be configured by oneself, please refer to Waline Change src\components\Comment.astro
.
\Frosti
βββ 400.png
βββ astro.config.mjs
βββ categories.txt
βββ CHANGELOG.md
βββ LICENSE
βββ package-lock.json
βββ package.json
βββ pnpm-lock.yaml
βββ public
| βββ favicon.ico
| βββ favicon.svg
| βββ fonts
| | βββ CascadiaCode.woff2
| βββ home.webp
| βββ profile.webp
| βββ view.png
βββ README.md
βββ src
| βββ components
| | βββ BaseCard.astro
| | βββ BaseHead.astro
| | βββ blog
| | | βββ error.astro
| | | βββ info.astro
| | | βββ success.astro
| | | βββ warning.astro
| | βββ Content.astro
| | βββ Comment.astro
| | βββ EnvelopeCard.astro
| | βββ Footer.astro
| | βββ FormattedDate.astro
| | βββ Header.astro
| | βββ HeaderMenu.astro
| | βββ License.astro
| | βββ page
| | | βββ LinkCard.astro
| | | βββ LinkThere.astro
| | | βββ TimeLine.astro
| | βββ ProfileCard.astro
| | βββ ProfileCardFooter.astro
| | βββ ProfileCardMenu.astro
| | βββ ProjectCard.astro
| | βββ ProjectJS.astro
| | βββ ThemeIcon.astro
| βββ consts.ts
| βββ content
| | βββ blog
| | | βββ markdown-style-guide.md
| | | βββ using-mdx.mdx
| | βββ config.ts
| βββ env.d.ts
| βββ layouts
| | βββ BaseLayout.astro
| βββ pages
| | βββ about.mdx
| | βββ blog
| | | βββ tag
| | | βββ [...page].astro
| | | βββ [...slug].astro
| | βββ friend.mdx
| | βββ frosti.mdx
| | βββ index.mdx
| | βββ project.mdx
| | βββ rss.xml.js
| βββ scripts
| | βββ copybutton.mjs
| | βββ time.mjs
| βββ styles
| βββ global.scss
| βββ waline.scss
βββ tailwind.config.js
βββ tsconfig.json
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 |
Use Frosti by passing the --template
parameter to the create astro
command!
npm create astro@latest -- --template EveSunMaple/Frosti
- Add table of contents (done but CSS not written yet)
(Jul 13 2024) - Add timeline component
(Apr 21, 2024) - Add friends component
(Apr 21, 2024)
-
global.css
is too messy - ~~Light / Dark mode transition
currently not implementedENOUGHπ οΈ
-
Website score has not reached 400 points yetGET ITβ¨
@Saicaca His inspiration was the main reason for me to create this theme.
@WRXinYue Helped me a lot when I was first starting out.