基于 Astro 构建,使用 TypeScript 与 MDX 编写内容
Astro-star — Astro 博客模板
作者 hanlife02
Astro-star 是一个基于 Astro 的开源个人站点主题,把博客、笔记、项目、评论和友链整合到同一套站点中,采用 MIT 许可。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
目前有 1 张原始预览,可打开完整图片查看设计细节。
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
内容按 blog、note、project、page 等集合组织
集成 Waline 评论与 Algolia 搜索
提供首页、关于、博客、笔记、项目、友链等顶层路由
样式集中在 src/style,包含全局样式、组件样式与设计令牌
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 与 MDX 管理内容的开发者
- 想参考配置与样式分层结构的 Astro 项目
适合人群
- 使用 Astro 的个人博客作者
- 需要博客、笔记、项目与友链聚合的站点维护者
- 接受 pnpm 与 Node.js >= 22 环境的前端开发者
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
README 未给出完整安装步骤,部署说明链接到作者站点的介绍页面
- 2
包管理使用 pnpm,Node.js 版本要求 >= 22
- 3
提交 PR 前建议运行 pnpm check、pnpm format:check、pnpm build
- 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
许可证原文
[](https://waline.js.org)
README 原文
[](https://www.algolia.com)
README 原文
See [Introduction and Deployment of Astro-star](https://hanlife02.com/project/astro-star/).
README 原文
[](https://nodejs.org)
README 原文
https://github.com/hanlife02/Astro-star/blob/main/LICENSEhttps://github.com/hanlife02/Astro-star/blob/main/README.md[](https://pnpm.io)
README 原文
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.** [](https://astro.build) [](https://nodejs.org) [](https://pnpm.io) [](./LICENSE) [](./CONTRIBUTING.md) English · [简体中文](./README-zh-CN.md) <a href="./CONTRIBUTING.md">🤝 Contributing</a> · <a href="https://github.com/hanlife02/Astro-star/issues">🐛 Issues</a> · <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"> [](https://astro.build) [](https://www.typescriptlang.org) [](https://mdxjs.com) [](https://waline.js.org) [](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>
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

astrowind
⭕️ AstroWind: A free template using Astro v7 and Tailwind CSS v4. Astro starter theme.
Astro · 博客

astro-paper
A minimal, accessible and SEO-friendly Astro blog theme.
Astro · 博客

fuwari
✨A static blog template built with Astro.
Astro · 博客

Firefly
Firefly 是一款基于 Astro 的静态博客主题,由 CuteLeaf 在 saicaca 的 Fuwari 模板基础上二次开发,主打清新美观的视觉风格。
Astro · 博客

astro-theme-cactus
A simple Astro theme. Use it to create your blog or website.
Astro · 作品集

astrofy
Astrofy is a free and open-source template for your Personal Portfolio Website built with Astro and TailwindCS…
Astro · 作品集
