GrfxGuru / pwcom_24

My 2024 site on Astro

🚀 VisVrs: An Astro Theme for Visual Storytelling

VisVrs, originating from 'Visual' and 'Verse', is an Astro theme tailored for impactful photo-text blogging, ideal for content creators.

🔤 Readme

• English
• 中文

💯Lighthouse Score

🎉 Features

• ✅ Astro+Tailwind
• ✅ Responsive Design
• ✅ 100/100 Lighthouse Performance
• ✅ SEO-friendly
• ✅ Site Search Support
• ✅ Sitemap Support
• ✅ RSS Feed Support
• ✅ Markdown & MDX Support
• ✅ Tag Statistics Page
• ✅ Last Modified Time
• ✅ Image Optimization
• ✅ Automatic Dark Mode
• ✅ View Transitions

Todo

• Pagination

We really welcome you to contribute to VisVrs!

🎡 Live demo

VisVrs

👬 Showcase

• Don-Dev Blog
• iSooSi

💻 Running Locally

Recommended extensions for VSCode:

• Tailwind CSS IntelliSense.
• Astro.

1. Fork or use this template

2. Install dependencies:

pnpm install

3. Run the development server:

pnpm run dev

📄 Adding a post

Adding a post is as simple as adding a .md or .mdx file to the blog folder at the path src/content/posts.

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command	Action
pnpm install	Installs dependencies
pnpm run dev	Starts local dev server at localhost:4321
pnpm run build	Build your production site to ./dist/
pnpm run preview	Preview your build locally, before deploying