Astro启动器

IndexPage — Astro 启动器模板

作者 Motues

一个使用 Astro 搭建的极简个人首页模板，通过集中配置文件管理站点信息与个人资料。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

2 个预览视图

桌面端首页1 / 2

访问演示网站在新标签页打开

桌面端截图首屏预览

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

全部页面与视图 2

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

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

值得关注的模板亮点

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

基于 Astro 构建的极简个人首页模板

站点信息与个人资料集中在 src/config.ts 配置

页脚内容位于 Footer.astro 组件，可直接修改

网站根路径通过 astro.config.mjs 的 defineConfig.site 设置

已包含黑暗模式，背景图片样式优化与国际化仍在待办中

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

模板详细介绍

IndexPage 是一个基于 Astro 的极简个人首页模板，仓库与演示站点均公开。模板把站点标题、图标、背景等站点信息与头像、姓名、简介等个人资料分别集中在 src/config.ts 的 siteConfig 与 profileConfig 中，页脚内容放在 src/components/Footer.astro 组件里，网站根路径在 astro.config.mjs 的 defineConfig.site 中设置。开发流程使用 pnpm：安装依赖后运行 pnpm dev 在本地 4321 端口启动开发服务器，pnpm build 输出到 ./dist，pnpm preview 预览构建结果。README 中列出的待办显示黑暗模式已完成，背景图片样式优化与国际化（i18n）尚未实现，因此当前版本不包含多语言支持。仓库采用 MIT 许可，可免费使用、修改、商用和分发该版本代码，但演示图片、字体、图标等第三方素材需按各自许可单独核对。

Astro启动器

适合你的项目吗？

适用场景

搭建一个只展示个人资料与基本信息的极简首页
作为 Astro 入门项目，练习配置集中管理与组件修改
在已有域名和托管环境下部署静态个人主页
基于 MIT 许可修改模板并保留版权声明后用于个人或商业站点

适合人群

需要极简个人首页、不追求复杂功能的开发者
熟悉或愿意使用 pnpm 与 Astro 命令行工作流的用户
希望把站点信息与个人资料集中在一个配置文件中维护的人
接受当前无国际化支持、需自行核对第三方素材许可的使用者

上手与定制指南

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

1
环境要求 Node.js（建议大于 20.x）与 pnpm（可通过 npm -g pnpm 安装）
2
克隆仓库后运行 pnpm install 安装依赖
3
运行 pnpm dev 启动本地服务器，默认地址为 http://localhost:4321
4
运行 pnpm build 构建发布版本到 ./dist，pnpm preview 预览构建结果
5
在 src/config.ts 与 astro.config.mjs 中修改站点信息、个人资料与网站根路径

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

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

查看原文依据

Permission is hereby granted, free of charge
许可证原文

https://github.com/Motues/IndexPage/blob/main/LICENSE https://github.com/Motues/IndexPage/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

来源平台: Astro Themes
资料与维护参考分: 资料较完整 · 83 / 100
技术栈: Astro
网站类型: 启动器

这个分数如何计算

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

这个项目需要核对什么

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

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: 88a634819f61458bc69c60685e3e3730010b89c1a250fa47529fdd4e8b6da37e

2026-10-05T02:54:04.357Z

来源文件 / 仓库

# Index Page

一个极简的个人首页模板，使用 [Astro](https://astro.build/) 搭建

## 💻 环境要求
- Node.js （建议版本大于20.x）
- pnpm （使用 `npm -g pnpm` 安装）

## 🚀 快速开始

1. 克隆本项目
    ```bash
    git clone https://github.com/Motues/IndexPage.git
    cd IndexPage
    ```
2. 运行 `pnpm install` 安装依赖
3. 运行 `pnpm dev` 启动开发服务器，或者运行 `pnpm build` 构建项目

## 🔨 配置

网站配置文件在 `src/config.ts` 中，你可以修改里面的内容来配置你的个人主页；网站根路径需要在 `astro.config.mjs` 中配置

**网站根路径**

配置文件为 [`astro.config.mjs`](astro.config.mjs) ，通过修改 `defineConfig.site` 属性来设置网站根路径

**网站基本信息**

配置文件为 [`/src/config.ts`](./src/config.ts) ，`siteConfig` 记录网站的配置信息，包括网站标题、图标、背景等，`profileConfig` 存储个人资料信息，包括头像、姓名、简介等

**页脚**

页脚文件为 [`/src/components/Footer.astro`](./src/components/Footer.astro) ，`Footer` 组件记录了页脚的基本信息，可以自行修改


## ⚡ 指令

以下所有的指令可以在根目录下面执行

| 指令 | 作用 |
| --- | --- |
| `pnpm instal` | 安装依赖 |
| `pnpm dev` | 启动本地服务器，运行在 `http://localhost:4321` |
| `pnpm build` | 构建发布版本到 `./dist` 目录下 |
| `pnpm preview` | 预览构建后的发布版本 |
| `pnpm astro ...` | 运行 `astro` 命令，例如 `astro add` |


## 📜 TODO

- [ ] 优化背景图片样式
- [X] 添加黑暗模式
- [ ] 添加国际化（i18n）

反馈内容错误