Astro Theme Pure

English | 简体中文

A simple, fast and powerful blog theme built by Astro.

Caution

We are currently on develop about upgrading to Astro v5 and developing npm package method. Known issues for new version:

1. Cannot pack sitemap and pagefind resources on Vercel (need upstream fix & temp fixed)
2. Header & customize options is still under development (template exposed still)
3. rehype headings link works not as expected in module linking method (no effect)

Stabler experience is currently on v3.1.4.

Introduction

Checkout Demo Site →

🔥 Features

• 🚀 Fast & high performance
• ⭐ Simple & clean design
• 📱 Responsive design
• 🔍 Full-site search built with pagefind
• 🗺️ Sitemap & RSS feed
• 🕸️ SEO-friendly
• 📖 TOC (table of contents)
• 🖼️ Dynamic open graph generation for posts
• 🖼️ Mediumzoom lightbox for images

📦 Components

Theme includes a lot of components, which can not only be used in the theme, but also in other astro projects.

For other astro projects, Tailwind CSS is required.

• Basic components: Aside, Tabs, Timeline, Steps, Spoiler...
• Advanced components: GithubCard, LinkPreview, Quote, QRCode...

✅ Lighthouse score

Documentation

Docs | Showcase

Package

See astro-theme-pure on npm.

Local development

Environment requirements:

• Nodejs: 18.0.0+

Clone the repository:

git clone https://github.com/cworld1/astro-theme-pure.git
cd astro-theme-pure

Useful commands:

# install dependencies
bun install

# start the dev server
bun dev

# build the project
bun run build

# preview (after the build)
bun preview

# create a new post
bun new-post

Contributions

To spend more time coding and less time fiddling with whitespace, this project uses code conventions and styles to encourage consistency. Code with a consistent style is easier (and less error-prone!) to review, maintain, and understand.

Thanks

• Astro Cactus
• Astro Resume
• Starlight

License

This project is licensed under the Apache 2.0 License.