A static blog template built with Astro. This is a personalized fork of the original Fuwari theme, optimized and refined.
README version:
2026-04-18🖥️ Live Demo
It is very similar from the original.
- Built with Astro and Tailwind CSS
- Smooth animations and page transitions
- Light / dark / system mode
- Customizable theme colors & banner
- Responsive design
- Scroll top & bottom buttons
- Integrated Comments via Giscus
- Full-text Search
- Supports both
.mdand.mdxformats - Table of Contents (TOC)
This template uses Giscus for comments. To enable comments on your site:
- Ensure your GitHub repository is Public and has Discussions enabled in Settings -> Features.
- Install the Giscus GitHub App and grant it access to your repository.
- The comments will automatically appear at the bottom of your posts!
- Fork this repository or generate a new one.
- Clone your repository and run
pnpm installto install dependencies. - Edit the config file
src/config.tsto customize your blog's title, profile, and links. - Run
pnpm new-post <filename>to create a new post insrc/content/posts/. - Media Asset Guide:
- Images: Place them inside your post's folder in
src/content/posts/and use relative paths (./image.png) for automatic Astro optimization. - Audio/Video/Files: Place them in the
public/directory and use absolute paths (/audio.mp3), OR use.mdxformat to import them directly.
- Images: Place them inside your post's folder in
- Deploy your blog to Vercel, Netlify, or GitHub Pages.
---
title: My First Blog Post
published: 2026-04-18
description: This is the first post of my new Astro blog.
image: ./cover.jpg
tags: [Foo, Bar]
category: Front-end
draft: false
---| Command | Action |
|---|---|
pnpm install |
Installs dependencies |
pnpm dev |
Starts local dev server at localhost:4321 |
pnpm build |
Build your production site to ./dist/ |
pnpm preview |
Preview your build locally, before deploying |
pnpm new-post <filename> |
Create a new post |
pnpm format & pnpm lint |
Format and lint your code using Biome |