Astro博客

Astro-star — Astro 博客模板

作者 hanlife02

Astro-star 是一个基于 Astro 的开源个人站点主题,把博客、笔记、项目、评论和友链整合到同一套站点中,采用 MIT 许可。

看看你的网站会是什么样

浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。

1 个预览视图
作者提供的预览
作者提供的预览首屏预览

来自项目 README 的原始预览。

目前有 1 张原始预览,可打开完整图片查看设计细节。

截图用于了解视觉与布局,交互效果请以实际项目为准。

采集于 2026-10-02查看来源

值得关注的模板亮点

从已有项目资料中,快速了解它的特点。

01

基于 Astro 构建,使用 TypeScript 与 MDX 编写内容

02

内容按 blog、note、project、page 等集合组织

03

集成 Waline 评论与 Algolia 搜索

04

提供首页、关于、博客、笔记、项目、友链等顶层路由

05

样式集中在 src/style,包含全局样式、组件样式与设计令牌

06

MIT 许可,允许免费使用、修改、商用和分发

模板详细介绍

Astro-star 是一个面向个人站点的 Astro 主题,目标是把博客、笔记、项目、评论和友链集中到一个站点里。仓库 README 给出的顶层路由包括首页、关于、博客、笔记、项目与友链,内容组织在 src/content 下按 blog、note、project、page 等集合划分,站点配置、社交链接、友链和搜索配置放在 src/config。样式集中在 src/style,包含全局样式、组件样式与设计令牌。

技术栈方面,README 标注使用 Astro、TypeScript、MDX,并集成 Waline 评论与 Algolia 搜索;包管理使用 pnpm,Node.js 版本要求 >= 22。仓库还提供 scripts 目录用于配置迁移、索引同步和构建辅助。

使用限制:README 未提供详细的安装与部署步骤,而是链接到作者站点的介绍页面;演示图片、字体、图标等第三方素材的许可需单独核对,不能仅凭代码的 MIT 许可判断。

Astro博客

适合你的项目吗?

适用场景

  • 搭建同时包含博客、笔记和项目展示的个人站点
  • 需要评论与搜索功能的静态博客
  • 希望用 Astro 与 MDX 管理内容的开发者
  • 想参考配置与样式分层结构的 Astro 项目

适合人群

  • 使用 Astro 的个人博客作者
  • 需要博客、笔记、项目与友链聚合的站点维护者
  • 接受 pnpm 与 Node.js >= 22 环境的前端开发者

上手与定制指南

结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。

  1. 1

    README 未给出完整安装步骤,部署说明链接到作者站点的介绍页面

  2. 2

    包管理使用 pnpm,Node.js 版本要求 >= 22

  3. 3

    提交 PR 前建议运行 pnpm check、pnpm format:check、pnpm build

  4. 4

    演示图片、字体、图标等第三方素材需按各自许可核对

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供;担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 评论功能依赖第三方 Waline 服务,需自行部署或接入 Waline 后端,可能涉及外部服务与账号配置。
  • 搜索功能集成 Algolia,使用需注册 Algolia 账号并获取 API 密钥,属于外部服务依赖。
  • README 未提供完整安装与部署步骤,需访问作者站点页面获取说明。
  • 运行环境要求 Node.js 版本 >= 22,低版本环境无法直接使用。
  • 包管理使用 pnpm 10.30.x,需安装对应工具链。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

[![Waline](https://img.shields.io/badge/Waline-24292e?style=for-the-badge&logo=github&logoColor=white)](https://waline.js.org)

README 原文

[![Algolia](https://img.shields.io/badge/Algolia-5468FF?style=for-the-badge&logo=algolia&logoColor=white)](https://www.algolia.com)

README 原文

See [Introduction and Deployment of Astro-star](https://hanlife02.com/project/astro-star/).

README 原文

[![Node.js](https://img.shields.io/badge/Node.js-%3E%3D22-339933?style=flat-square&logo=node.js&logoColor=white)](https://nodejs.org)

README 原文

[![pnpm](https://img.shields.io/badge/pnpm-10.30.x-f69220?style=flat-square&logo=pnpm&logoColor=white)](https://pnpm.io)

README 原文
https://github.com/hanlife02/Astro-star/blob/main/LICENSEhttps://github.com/hanlife02/Astro-star/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-03。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料一般 · 67 / 100
技术栈
Astro
网站类型
博客
这个分数如何计算

本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2026-09-20
截图检查日期
2026-10-03

目前没有记录演示链接。请依据仓库说明在本地评估;仅凭截图无法确认交互行为。

目录记录的主要技术栈是 Astro。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: [email protected] · 2026-10-04

查看当时使用的来源资料

SHA-256: 8e3300530d2d18cbc7cc9afb375c59ec976adfec148162fb52d90290af70dd76

2026-10-03T10:16:08.687Z

来源文件 / 仓库
<div align="center">

<img src="figures/Astro-star.png" alt="Astro-star" width="128" />

# Astro-star

**An open-source Astro theme that brings blogs, notes, projects, comments, and friend links into one personal site.**

[![Astro](https://img.shields.io/badge/Astro-6.x-ff5d01?style=flat-square&logo=astro&logoColor=white)](https://astro.build)
[![Node.js](https://img.shields.io/badge/Node.js-%3E%3D22-339933?style=flat-square&logo=node.js&logoColor=white)](https://nodejs.org)
[![pnpm](https://img.shields.io/badge/pnpm-10.30.x-f69220?style=flat-square&logo=pnpm&logoColor=white)](https://pnpm.io)
[![License](https://img.shields.io/badge/License-MIT-blue?style=flat-square)](./LICENSE)
[![PRs](https://img.shields.io/badge/PRs-welcome-brightgreen?style=flat-square)](./CONTRIBUTING.md)

English · [简体中文](./README-zh-CN.md)

<a href="./CONTRIBUTING.md">🤝 Contributing</a> &nbsp;·&nbsp;
<a href="https://github.com/hanlife02/Astro-star/issues">🐛 Issues</a> &nbsp;·&nbsp;
<a href="https://hanlife02.com/project/astro-star">📖 Docs</a>

</div>

---

## Table of Contents

- [Astro-star](#astro-star)
  - [Table of Contents](#table-of-contents)
  - [Project Map](#project-map)
  - [Introduction and Deployment](#introduction-and-deployment)
  - [Build Together](#build-together)
  - [Tech Stack](#tech-stack)
  - [Sites Using This Theme](#sites-using-this-theme)
  - [Discussion and Exchange](#discussion-and-exchange)
  - [License](#license)
  - [Star History](#star-history)

## Project Map

```text
/
├── public/                 # Static assets, avatars, site icon, article images
├── scripts/                # Config migration, index sync, and build helpers
├── src/
│   ├── components/         # Reusable components
│   ├── config/             # Site, social links, friend links, and search config
│   ├── content/            # blog / note / project / page content collections
│   ├── layouts/            # Page layouts
│   ├── pages/              # Routes and API endpoints
│   ├── scripts/            # Browser-side interaction scripts
│   ├── style/              # Global styles, component styles, design tokens
│   └── utils/              # Markdown, MDX, and shared utilities
├── astro.config.mjs
├── ecosystem.config.cjs
└── package.json
```

Top-level routes:

| Path       | Description  |
| ---------- | ------------ |
| `/`        | Home         |
| `/about`   | About        |
| `/blog`    | Blog         |
| `/note`    | Notes        |
| `/project` | Projects     |
| `/links`   | Friend links |

## Introduction and Deployment

See [Introduction and Deployment of Astro-star](https://hanlife02.com/project/astro-star/).

## Build Together

Small contributions are welcome. A clear Issue, a mobile screenshot, a reproducible bug, a more ergonomic component, or a short setup note can all make this theme easier to maintain and reuse.

Before opening a PR, it is recommended to run:

```bash
pnpm check
pnpm format:check
pnpm build
```

See [CONTRIBUTING.md](./CONTRIBUTING.md) for the core rules. The most important ones are: do not hard-code business content in components, keep styles in `src/style/`, build mobile-first, and never commit secrets.

## Tech Stack

<div align="center">

[![Astro](https://img.shields.io/badge/Astro-ff5d01?style=for-the-badge&logo=astro&logoColor=white)](https://astro.build)
[![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?style=for-the-badge&logo=typescript&logoColor=white)](https://www.typescriptlang.org)
[![MDX](https://img.shields.io/badge/MDX-fb6200?style=for-the-badge&logo=mdx&logoColor=white)](https://mdxjs.com)
[![Waline](https://img.shields.io/badge/Waline-24292e?style=for-the-badge&logo=github&logoColor=white)](https://waline.js.org)
[![Algolia](https://img.shields.io/badge/Algolia-5468FF?style=for-the-badge&logo=algolia&logoColor=white)](https://www.algolia.com)

</div>

## Sites Using This Theme

Welcome to use this theme for your personal site! Submit a PR to add your site to the list.

| Avatar                                                    | Site                           | Description                    |
| --------------------------------------------------------- | ------------------------------ | ------------------------------ |
| <img src="https://github.com/hanlife02.png" width="50" /> | [Ethan](https://hanlife02.com) | Don't stay awake for too long. |

## Discussion and Exchange

Welcome to participate in discussions, feedback issues, and feature suggestions in the [LINUX DO](https://linux.do) community.

## License

Astro-star is open-source under the [MIT License](./LICENSE).

## Star History

<a href="https://www.star-history.com/?repos=hanlife02%2FAstro-star&type=date&legend=top-left">
 <picture>
   <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/chart?repos=hanlife02/Astro-star&type=date&theme=dark&legend=top-left&sealed_token=SUzwHN5ZdCscIYlMbiRmw-j7ttKNlySwP5lTx0DRCE2cuY8mqab0dfXSD1kB0SzYvpNKvi83I8ogVp-jGSuX3VYtGFuf55k0vfIOyw2LU1JAYkkGGneifgvI_Egn2A-qH96gWrbfFlczWOcpRE8r2Cgqfc1cR75IISNQZbodN6x4P42-x6sdlRn5lcya" />
   <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/chart?repos=hanlife02/Astro-star&type=date&legend=top-left&sealed_token=SUzwHN5ZdCscIYlMbiRmw-j7ttKNlySwP5lTx0DRCE2cuY8mqab0dfXSD1kB0SzYvpNKvi83I8ogVp-jGSuX3VYtGFuf55k0vfIOyw2LU1JAYkkGGneifgvI_Egn2A-qH96gWrbfFlczWOcpRE8r2Cgqfc1cR75IISNQZbodN6x4P42-x6sdlRn5lcya" />
   <img alt="Star History Chart" src="https://api.star-history.com/chart?repos=hanlife02/Astro-star&type=date&legend=top-left&sealed_token=SUzwHN5ZdCscIYlMbiRmw-j7ttKNlySwP5lTx0DRCE2cuY8mqab0dfXSD1kB0SzYvpNKvi83I8ogVp-jGSuX3VYtGFuf55k0vfIOyw2LU1JAYkkGGneifgvI_Egn2A-qH96gWrbfFlczWOcpRE8r2Cgqfc1cR75IISNQZbodN6x4P42-x6sdlRn5lcya" />
 </picture>
</a>

---

<div align="center">

If you find this project helpful, consider giving it a ⭐ to show your support!

</div>
反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。