AstroBlog

Blogs — Astro Blog Template

By LuoYingPiaoXue

A static blog template based on Astro and the Gyoza theme, under the MIT license, with RSS, sitemap, dark mode, and a comment system.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

1 previews
Author preview
Author-provided preview

Preview provided in the project README.

One original preview is available. Open the full image to inspect the design.

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-12View source

What stands out

A quick read of the recorded project description.

01

A static blog template built with Astro and React, with the theme named Gyoza

02

Supports sitemap and RSS subscription, and provides canonical URLs and OpenGraph information

03

Built-in dark mode, graying out on special dates, a comment system, and code highlighting

04

Site configuration is centralized in src/config.json for easy unified adjustment

05

Uses the MIT license, allowing free use, modification, commercial use, and distribution

Template Details

This repository is a static blog template built on Astro, with the theme named Gyoza; the README states it is built with Astro and React. The project provides the author's demo sites (gyoza.lxchapu.com and www.lxchapu.com) and links to guide documentation, with site configuration centralized in src/config.json.

In terms of features, the template includes canonical URLs and OpenGraph information, a sitemap, RSS subscription, dark mode, graying out on special dates, a comment system, and code highlighting. The tech stack is listed as Astro, React, Tailwind CSS, Framer Motion, and Jotai. The project structure is divided into directories such as components, content, layouts, pages, plugins, store, styles, and utils, and commands use pnpm for installation, development, build, preview, and formatting.

Regarding licensing, the repository uses the MIT license, allowing free use, modification, commercial use, and distribution of this version of the code; when distributing, the copyright notice and license notice must be retained. Third-party assets such as demo images, fonts, and icons need to be checked separately for their licenses.

AstroBlog

Is it right for your project?

Use Cases

  • Building a personal static blog site focused on articles
  • Blog projects that need RSS subscription and a sitemap
  • Blog development using a combination of Astro and React
  • Blog sites that need dark mode and comment functionality

Suitable For

  • Front-end developers familiar with Astro or React
  • Individual users who need a static blog template and will deploy it themselves
  • Users who accept the MIT license terms and need to retain the copyright notice

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Install dependencies with pnpm: pnpm i

  2. 2

    Local development: pnpm dev, default address is localhost:4321

  3. 3

    Build the production site: pnpm build, output to the ./dist/ directory

  4. 4

    Before deployment, you can preview the build result locally with pnpm preview

  5. 5

    Site configuration is located in src/config.json; modify site information as needed

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in a public repository; the free scope is the code of this version and does not mean that external services or third-party assets are free.

Must comply with when using

  • Free use, modification, commercial use, and distribution of this version of the code are allowed.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis

Compiled by DeepSeek based on repository license and README ·2026-10-12. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
Partly documented · 68 / 100
Technologies
Astro
Website type
Blog
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2025-12-11
Screenshot last checked
2026-10-12

No demo link is recorded. Use the repository instructions to evaluate the project locally; the screenshot alone cannot establish interactive behavior.

The catalog identifies Astro as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: [email protected] · 2026-10-13

Inspect the recorded source material

SHA-256: 8bab6a9bb1616cee800fe91897cecb618856124e0d9bdaa8d49281be67f01c54

2026-10-12T22:19:13.005Z

Source file / repository
# Gyoza

Gyoza is a static blog template built with Astro and React.

![astro version](https://img.shields.io/badge/astro-4.6-red)
![node version](https://img.shields.io/badge/node-18.18-green)

Demo Site:

- [gyoza.lxchapu.com](https://gyoza.lxchapu.com)
- [www.lxchapu.com](https://www.lxchapu.com)

Enjoy it!

## 📷 Screenshots

![Preview](https://s2.loli.net/2024/05/06/A9rzC3Uym7RwdQc.webp)

## 🎉 Features

- ✅ 有着规范的 URL 和 OpenGraph 信息,对 SEO 友好
- ✅ 支持站点地图
- ✅ 支持 RSS 订阅
- ✅ 支持夜间模式
- ✅ 特殊日期变灰
- ✅ 简单干净的配色和主题
- ✅ 支持评论系统
- ✅ 支持代码高亮

## 🔧 Tech Stack

- [Astro](https://astro.build/)
- [React](https://reactjs.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Framer Motion](https://www.framer.com/motion/)
- [Jotai](https://jotai.org/)

## 📖 Documentation

前往:[Documentation](https://gyoza.lxchapu.com/posts/guide)

## 🚀 Project Structure

```text
├── public/
├── src/
│   ├── components/
│   ├── content/
│   ├── layouts/
│   ├── pages/
│   ├── plugins/
│   ├── store/
│   ├── styles/
│   ├── utils/
│   └── config.json
├── astro.config.mjs
├── README.md
├── package.json
└── tsconfig.json
```

网站配置保存在 `config.json` 文件。

## 🧞 Commands

| Command        | Action                                       |
| :------------- | :------------------------------------------- |
| `pnpm i`       | 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 format`  | Format code using Prettier                   |
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.