Blog

A CMS integrated static blog template built with Astro framework and based on Upstream

🖥️ Live Demo 📝 Documentation

✨ Features

Based on upstream, I have added some modifications and new features:

1. Music card Feature Gaussian blur, color picking, lyric scrolling vivid animation, song covers, customizable playback bars. See the specific effects on demo

   

2. Remove translation and theme

3. Change Friend to Link

4. Optimize the Skill Cards

5. Media lazy loading Integrated automated lazy loading for images, videos, and iframes across markdown and MDX.

💻 Configuration

1. Clone the repository:

   git clone
   cd Blog

2. Install dependencies:

   # Install pnpm if not already installed
   npm install -g pnpm
   pnpm install

3. Configure your blog:

   • Customize blog settings inside twilight.config.yaml
   • Support CMS functionality inside .env
   • Support Umami analytics inside .env
   • Manage site content inside src/content

4. Start the development server:

   pnpm dev

⚡ Commands

Command	Action
pnpm lint	Check and fix code issues
pnpm format	Format code with Biome
pnpm check	Run Astro error checking
pnpm dev	Start local dev server
pnpm build	Build site to ./dist/
pnpm preview	Preview build locally
pnpm astro ...	Run Astro CLI commands
pnpm new-post <filename>	Create a new blog post

🙏 Acknowledgements

Upstream