hydrogen-astro — Astro 博客模板

SHA-256: be94997de1ecbb639ab5ccd6c4377642d0f2c9d808adc3215f7e1aa51247b7c0

2026-10-03T04:44:46.924Z

<h1 align=center>Hydrogen Astro</h1>
<p align=center>Hydrogen is a minimal & highly customizable free Astro personal blog template ideal for creating personal blog website.
</p>
<h2 align="center"> <a target="_blank" href="https://hydrogen-astro.vercel.app/" rel="nofollow">👀Demo</a> | <a  target="_blank" href="https://pagespeed.web.dev/report?url=https%3A%2F%2Fhydrogen-astro.vercel.app%2F&form_factor=desktop">Page Speed (100%)🚀</a>
</h2>

<p align=center>
  <a href="https://github.com/withastro/astro/releases/tag/astro%406.3.1" alt="Contributors">
    <img src="https://img.shields.io/static/v1?label=ASTRO&message=6.3&color=000&logo=astro" />
  </a>

  <a href="https://github.com/statichunt/hydrogen-astro/blob/main/LICENSE">
    <img src="https://img.shields.io/github/license/statichunt/hydrogen-astro" alt="license"></a>

  <img src="https://img.shields.io/github/languages/code-size/statichunt/hydrogen-astro" alt="code size">

  <a href="https://github.com/statichunt/hydrogen-astro/graphs/contributors">
    <img src="https://img.shields.io/github/contributors/statichunt/hydrogen-astro" alt="contributors"></a>
</p>

![hydrogen](https://images.statichunt.com/themes/astro-hydrogen.png)

## Key Features

- Supports Contact Form
- Google Tag Manager Integrated
- LLM-ready docs generation (llms.txt, llms-full.txt, and per-page .md)
- Disqus Comment Support
- Related Posts Suggestion
- MDX Support with many built-in custom components
- Semantic HTML Document Structure
- Custom Logo Support
- Includes All SCSS Files
- Taxonomy Page Support
- Images Optimized With Astro-Image

<!-- installation -->

## Installation

After downloading the template, you have some prerequisites to install. Then you can run it on your localhost. You can view the package.json file to see which scripts are included.

### Install prerequisites (once for a machine)

- **Node Installation:** [Install node js](https://nodejs.org/en/download/) [Recommended LTS version]

### Local setup

After successfully installing those dependencies, open this template with any IDE [[VS Code](https://code.visualstudio.com/) recommended], and then open the internal terminal of IDM [vs code shortcut <code>ctrl/cmd+\`</code>]

- Install dependencies

```
npm install
```

- Run locally

```
npm run dev
```

After that, it will open up a preview of the template in your default browser, watch for changes to source files, and live-reload the browser when changes are saved.

## Production Build

After finishing all the customization, you can create a production build by running this command.

```
npm run build
```

<!-- edit with sitepins -->

## 📝 Edit Content with CMS

This template comes pre-configured with [**Sitepins**](https://sitepins.com), a Git-based Headless CMS designed for seamless content management. You can update your website’s text, images, and configuration without touching a single line of code.

**How to get started:**

Click the Edit with Sitepins button below and follow the on-screen instructions to start editing your content visually.

  <a target="_blank" href="https://app.sitepins.com/new/clone?name=Hydrogen%20Astro&repository=https://github.com/statichunt/hydrogen-astro/">
    <img src="https://sitepins.com/button.svg" alt="Edit with Sitepins">
  </a>

<!-- reporting issue -->

## Reporting Issues

We use GitHub Issues as the official bug tracker for this Template. Please Search [existing issues](https://github.com/statichunt/hydrogen-astro/issues). It’s possible someone has already reported the same problem.
If your problem or idea has not been addressed yet, feel free to [open a new issue](https://github.com/statichunt/hydrogen-astro/issues).

<!-- licence -->

## License

Copyright (c) 2024 - Present, Designed & Developed by [statichunt](https://statichunt.com)

**Code License:** Released under the [MIT](https://github.com/statichunt/hydrogen-astro/blob/main/LICENSE) license.

**Image license:** The images are only for demonstration purposes. They have their license, we don't have permission to share those images.