Astro企业官网

starlight-theme-galaxy — Astro 企业官网模板

作者 frostybee

面向 Astro Starlight 的文档主题插件，用于发布教程、课程材料等教育类内容，提供排版、代码块与组件样式定制。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

2 个预览视图
桌面端首页1 / 2
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

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

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

值得关注的模板亮点

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

01

以 Starlight 插件形式接入，在 astro.config.mjs 中注册即可生效

02

使用 Inter 与 JetBrains Mono 字体调整文档排版

03

为 Expressive Code 代码块提供自定义主题与样式

04

页头带阅读进度滚动条，主题切换按钮带太阳/月亮动画

05

对 asides、cards、badges、tabs、steps 等 Starlight 组件做自定义样式

06

支持 banner 与 splash 页面变体，使用 CSS 级联层便于覆盖样式

模板详细介绍

Starlight Theme Galaxy 是一个基于 Astro Starlight 的定制主题，以 npm 包形式发布，通过 Starlight 插件机制接入现有文档站点。它面向发布文档与教育内容（教程、课程材料）的场景，在 Starlight 默认结构之上调整视觉呈现。

主题包含的内容包括：使用 Inter 与 JetBrains Mono 字体调整排版；为 Expressive Code 代码块提供自定义主题与样式；页头加入阅读进度滚动条；主题切换按钮带太阳/月亮动画与过渡；对 Starlight 的 asides、cards、badges、tabs、steps 等组件做自定义样式；支持 banner 及 splash 页面变体；使用 CSS 级联层以便覆盖样式；提供明暗两套主题与响应式布局。

使用方式为安装 npm 包，并在 astro.config.mjs 的 Starlight 集成中以插件形式注册，项目自身的标题与内容配置仍由 Starlight 负责。仓库采用 MIT 许可，可免费使用、修改、商用与分发，但演示中出现的图片、字体、图标等第三方素材需单独核对其许可；域名、托管等外部服务可能另行收费。

Astro企业官网

适合你的项目吗？

适用场景

  • 搭建教程、课程材料等教育类文档站点
  • 为已有的 Astro Starlight 文档更换视觉主题
  • 需要自定义代码块样式与阅读进度提示的技术文档
  • 需要明暗主题切换与响应式布局的文档项目

适合人群

  • 使用 Astro 与 Starlight 构建文档站点的开发者
  • 发布教程或课程材料的教育内容作者
  • 希望在 Starlight 默认样式上做视觉定制、又不想重写组件的团队

上手与定制指南

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

  1. 1

    通过 npm 安装 starlight-theme-galaxy

  2. 2

    在 astro.config.mjs 的 starlight 集成 plugins 中调用 starlightThemeGalaxy()

  3. 3

    具体配置与覆盖方式参考仓库的 getting started 与 customization 文档

  4. 4

    演示中的图片、字体、图标等第三方素材需单独核对许可

  5. 5

    域名、托管等外部服务可能产生额外费用

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文
https://github.com/frostybee/starlight-theme-galaxy/blob/main/LICENSEhttps://github.com/frostybee/starlight-theme-galaxy/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 87 / 100
技术栈
Astro
网站类型
企业官网
这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间
2026-08-23
截图检查日期
2026-10-02

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

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

查看具体选型方法 →

介绍的制作与核对状态

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

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 9a11426219fe48cfe2bf80a1867e7845f376d22a9ed1e8e7b43f18a35b965876

2026-10-02T16:48:18.474Z

来源文件 / 仓库
<h1 align="center">Starlight Theme Galaxy</h1>

<p align="center">
  <a href="https://www.npmjs.com/package/starlight-theme-galaxy"><img src="https://img.shields.io/npm/v/starlight-theme-galaxy.svg" alt="npm version"></a>
  <a href="LICENSE"><img src="https://img.shields.io/badge/License-MIT-blue.svg" alt="License: MIT"></a>
</p>

<p align="center">
  <a href="https://frostybee.github.io/starlight-theme-galaxy/"><strong>Documentation</strong></a> ·
  <a href="https://frostybee.github.io/starlight-theme-galaxy/getting-started/">Getting Started</a> ·
  <a href="https://github.com/frostybee/starlight-theme-galaxy/releases">Releases</a>
</p>

A customized Astro Starlight theme for publishing docs and educational content.

## Features

- Refined typography with [Inter](https://fontsource.org/fonts/inter) and [JetBrains Mono](https://fontsource.org/fonts/jetbrains-mono) fonts,
- Enhanced [Expressive Code](https://expressive-code.com/) blocks with custom themes and styling,
- Reading progress scroll bar in the header,
- Animated theme toggle (sun/moon) with smooth transitions,
- Custom-styled Starlight components (asides, cards, badges, tabs, steps, and more),
- Banner support with splash page variant,
- CSS cascade layers for predictable and easy style overrides,
- Light and dark theme support,
- Responsive design across all devices.

## Installation

```bash
npm install starlight-theme-galaxy
```

## Usage

Add the plugin to your `astro.config.mjs` file:

```js
import starlight from '@astrojs/starlight'
import { defineConfig } from 'astro/config'
import starlightThemeGalaxy from 'starlight-theme-galaxy'

export default defineConfig({
  integrations: [
    starlight({
      plugins: [starlightThemeGalaxy()],
      title: 'My Docs',
    }),
  ],
})
```

For more details, check out the [getting started guide](https://frostybee.github.io/starlight-theme-galaxy/getting-started/) and the [customization docs](https://frostybee.github.io/starlight-theme-galaxy/customization/).

## License

Licensed under the [MIT License](https://github.com/frostybee/starlight-theme-galaxy/blob/main/LICENSE).
反馈内容错误

看看同类模板

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

astrowind

astrowind

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

Astro · 博客

astro-landing-page

astro-landing-page

An Astro + Tailwind CSS Example/Template for Landing Pages

Astro · 企业官网

Tailcast

Tailcast

Dark-themed website template built on Astro and Tailwind CSS

Astro · 企业官网

Positivus

Positivus

A stunning and versatile Astro theme designed for digital marketing agencies.

Astro · 企业官网

qwind

qwind

⭕️ Qwind: A template to make your website using Qwik + Tailwind CSS.

Astro · 工具站

agency-landing-page-Astrojs

agency-landing-page-Astrojs

A simple agency landing page made with astrojs and tailwindcss

Astro · 企业官网