Astro启动器

launchpad — Astro 启动器模板

作者 roicort

Astro Launchpad 是一个面向代理机构与创作者的 Astro 启动模板，内置 MDX 博客、Pagefind 全站搜索、RSS、站点地图与明暗蓝三套主题。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

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

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

全部页面与视图 3

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

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

值得关注的模板亮点

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

01

支持 Markdown 与 MDX 的博客，含精选文章与标签列表

02

通过 Pagefind 实现全站搜索，并以可访问模态框展示

03

内置 light/dark/blue 三套主题，切换状态持久化

04

自动生成 RSS 与站点地图，并提供 OpenGraph/Twitter 等 SEO 元数据

05

在 src/content.config.ts 中为文章、作者与社交链接定义类型化内容集合

06

提供用于显示布局边框的调试开关

模板详细介绍

Astro Launchpad 是一个基于 Astro 的静态站点启动模板，定位为面向代理机构、工作室与内容创作者的脚手架。仓库采用 BSD-3-Clause 许可，README 说明其用途是帮助用户发布内容或展示服务。

模板自带博客系统，支持 Markdown 与 MDX，包含精选文章与标签列表；内容集合在 src/content.config.ts 中通过类型化 schema 管理文章、作者与社交链接。站点级搜索由 Pagefind 提供，并以可访问的模态框呈现。SEO 方面包含 OpenGraph/Twitter 元数据、canonical 链接与字体预加载，相关逻辑位于 src/components/BaseHead.astro。主题提供 light/dark/blue 三种模式并带持久化切换，另有用于显示布局边框的调试开关。RSS（/rss.xml）与站点地图（/sitemap-index.xml）自动生成。

使用前需注意：README 要求 Bun 作为包管理器，并列出 Astro 与 Tailwind CSS 作为依赖，但未给出具体版本号。构建产物为静态 HTML，可部署到 Netlify、Vercel、Cloudflare Pages 或 S3+CDN 等平台；若发布在子路径下需设置 BASE_URL。演示图片、字体、图标等第三方素材的许可需单独核对，域名、托管等外部服务可能产生费用。

Astro启动器

适合你的项目吗？

适用场景

  • 代理机构或工作室搭建展示服务并发布内容的静态站点
  • 创作者建立带标签与搜索功能的个人博客
  • 需要明暗主题切换与 RSS 订阅的 Astro 项目起步
  • 将构建产物部署到 Netlify、Vercel、Cloudflare Pages 或 S3+CDN

适合人群

  • 熟悉 Astro 与 Tailwind CSS 的前端开发者
  • 希望以 MDX 管理博客内容的代理机构或工作室
  • 需要静态输出并自行选择托管平台的团队
  • 接受使用 Bun 作为包管理器的用户

上手与定制指南

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

  1. 1

    README 要求安装 Bun，并列出 Astro 与 Tailwind CSS 作为依赖，未指定具体版本

  2. 2

    安装与运行命令为 bun install、bun run dev、bun run build、bun run preview

  3. 3

    文章放在 src/content/blog 下，需符合 title、description、pubDate、updatedDate?、heroImage?、tags[] 的 schema

  4. 4

    站点名称与描述在 src/consts.ts 修改，导航与首屏操作在 src/pages/index.astro 修改

  5. 5

    若发布在子路径下需设置 BASE_URL；演示图片、字体、图标等第三方素材需单独核对许可

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

  • 允许免费使用、修改、商用以及源代码或二进制形式的分发。
  • 源代码分发需保留版权声明、三项条件和免责声明；二进制分发需在文档或随附材料中重现这些内容。
  • 未经事先书面许可，不得使用权利人或贡献者的名称为衍生产品背书或推广。
  • 代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 BSD-3-Clause 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
  • 使用该模板需安装 Bun 包管理器，并依赖 Astro 与 Tailwind CSS；README 未指定具体版本，仅要求 Astro @latest。
  • 若将站点发布在子路径下，必须设置 BASE_URL 环境变量，否则资源路径可能出错。
  • 构建产物为静态 HTML，需自行上传 dist/ 到所选托管平台；使用 Netlify、Vercel、Cloudflare Pages 或 S3+CDN 等外部服务可能产生费用。
查看原文依据

Redistribution and use in source and binary forms, with or without modification, are permitted

许可证原文

- Bun - Astro @latest - Tailwdind CSS

README 原文

Set `BASE_URL` if you publish under a subpath.

README 原文

Upload `dist/` to your platform of choice (Netlify, Vercel, Cloudflare Pages, S3+CDN).

README 原文
https://github.com/roicort/launchpad/blob/main/LICENSEhttps://github.com/roicort/launchpad/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

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

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

这个项目需要核对什么

记录的仓库更新时间
2026-10-01
截图检查日期
2026-10-05

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: e7b9fb921bb1fba25eade73dc687da9c207cca775f17cff15949e1f7bf65617b

2026-10-05T00:14:01.924Z

来源文件 / 仓库
# Astro Launchpad

An Astro starter tailored for agencies and studios: MDX blog, global search, RSS, sitemap, light/dark/blue themes, and components ready to sell services or publish content.

![](./public/SS-1.png)

[![Deploy on Railway](https://railway.com/button.svg)](https://railway.com/deploy/static-site?referralCode=welcome)
[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/roicort/launchpad)
[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Froicort%2Flaunchpad)

## Features
- [Lighthouse Score: 100](https://pagespeed.web.dev/analysis/https-roicort-github-io-launchpad/xthz1r5i4v?form_factor=mobile)
- Blog with Markdown/MDX, featured post, and tag listings
- Typed collections for posts, authors, and socials in [src/content.config.ts](src/content.config.ts)
- Site-wide search via Pagefind with an accessible modal
- SEO-ready: OpenGraph/Twitter, canonical links, and preloaded fonts in [src/components/BaseHead.astro](src/components/BaseHead.astro)
- Themes `light/dark/blue` with persistent toggle; debug toggle for layout borders
- RSS (`/rss.xml`) and sitemap (`/sitemap-index.xml`) generated automatically


<div style="display: flex; align-items: center; gap: 10px; width: 100%; margin-top: 20px;">
    <img src="./public/SS-2.png" style="width: 180px; vertical-align: middle;" />
    <img src="./public/SS-3.png" style="width: 180px; vertical-align: middle;" />
    <img src="./public/SS-4.png" style="width: 180px; vertical-align: middle;" />
</div>


## Requirements
- Bun
- Astro @latest
- Tailwdind CSS

## Install & run

```sh
# install dependencies
bun install

# start dev server
bun run dev

# production build
bun run build

# preview the build
bun run preview
```

## Content
- Posts: add `.md` or `.mdx` under `src/content/blog`. Schema validates `title`, `description`, `pubDate`, `updatedDate?`, `heroImage?`, `tags[]`.
- Authors: `src/content/authors.yml`.
- Socials: `src/content/socials.yml`.

Frontmatter example:
```md
---
title: "How we launch in 6 weeks"
description: "End-to-end process for small teams."
pubDate: 2024-12-12
updatedDate: 2025-01-03
tags: [delivery, process]
heroImage: ../../assets/blog/ship.jpg
---
```

## Quick customization
- Site name and description in [src/consts.ts](src/consts.ts).
- Navigation and hero actions in [src/pages/index.astro](src/pages/index.astro).
- Colors, type, and utilities in `src/styles/global.css`.
- Key components: header with search and toggles ([src/components/Header.astro](src/components/Header.astro)), base layout ([src/layouts/BaseLayout.astro](src/layouts/BaseLayout.astro)).

## Available scripts
- `npm run dev`: server on `localhost:4321` (Astro default).
- `npm run build`: outputs `dist/` ready to deploy.
- `npm run preview`: serves the built site locally.

## Deploy
Output is static HTML. Upload `dist/` to your platform of choice (Netlify, Vercel, Cloudflare Pages, S3+CDN). Set `BASE_URL` if you publish under a subpath.
反馈内容错误

看看同类模板

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

astrowind

astrowind

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

Astro · 博客

accessible-astro-starter

accessible-astro-starter

Accessible Astro Starter 是一个以无障碍为核心理念的 Astro 6 启动模板，由 incluud 团队维护。

Astro · 博客

astro-erudite

astro-erudite

An opinionated, unstyled static blogging template built with Astro and native CSS.

Astro · 作品集

astro-shopify

astro-shopify

astro-shopify 是一个面向开发者的轻量级电商启动模板，用于构建基于 Shopify 的无头店面。

Astro · 电商

brutal

brutal

A neobrutalism Astro starter theme

Astro · 启动器

qwind

qwind

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

Astro · 工具站