跳到主要内容

优化首页内容

最后更新于:

问题

 1当前 src\content\docs\index.mdx 文件内容如下:
 2
 3---
 4title: 欢迎使用 Starlight
 5description: 快速开始使用 Starlight 构建你的文档网站。
 6template: splash
 7hero:
 8  tagline: 恭喜你成功搭建了一个全新的 Starlight 项目!
 9  image:
10    file: ../../assets/houston.webp
11  actions:
12    - text: 示例指南
13      link: /guides/example/
14      icon: right-arrow
15    - text: 阅读 Starlight 文档
16      link: https://starlight.astro.build/zh/
17      icon: external
18      variant: minimal
19---
20
21import { Card, CardGrid } from '@astrojs/starlight/components';
22
23## 下一步操作
24
25<CardGrid stagger>
26	<Card title="更新内容" icon="pencil">
27		编辑 `src/content/docs/index.mdx` 来修改此页面。
28	</Card>
29	<Card title="更改页面布局" icon="document">
30		删除页面中的 `template: splash` 即可显示侧边栏。
31	</Card>
32	<Card title="添加新内容" icon="add-document">
33`src/content/docs` 中添加 Markdown 或 MDX 文件创建新页面。
34	</Card>
35	<Card title="配置站点" icon="setting">
36`astro.config.mjs` 中编辑侧边栏与其他配置。
37	</Card>
38	<Card title="阅读文档" icon="open-book">
39[Starlight 中文文档](sslocal://flow/file_open?url=https%3A%2F%2Fstarlight.astro.build%2Fzh%2F&flow_extra=eyJsaW5rX3R5cGUiOiJjb2RlX2ludGVycHJldGVyIn0=) 中了解更多。
40	</Card>
41</CardGrid>
42
43
44能不能帮我优化下,让首页内容更丰富一点?重点突出starlight主题的特性。
45
46要求首页风格简约、大气、清爽。
47
48请给出完整、详细的解决方法,无bug。

输出-测试成功-2024.4.12😎

git commit -m"优化首页内容 测试成功-2026年4月12日11:19:23 😎"

 1
 2---
 3title: 欢迎使用 Starlight
 4description: 基于 Astro 构建的高性能现代化文档主题
 5template: splash
 6hero:
 7  tagline: 快速打造专业、优雅、高性能的文档网站
 8  image:
 9    file: ../../assets/houston.webp
10  actions:
11    - text: 示例指南
12      link: /guides/example/
13      icon: right-arrow
14    - text: 阅读文档
15      link: https://starlight.astro.build/zh/
16      icon: external
17---
18
19import { Card, CardGrid } from '@astrojs/starlight/components';
20
21## Starlight 核心特性
22
23<CardGrid stagger>
24  <Card title="极速性能" icon="rocket">
25    基于 Astro 构建,零运行时开销,页面加载极快,支持完美 SEO。
26  </Card>
27  <Card title="美观主题" icon="palette">
28    内置现代设计风格,支持深色浅色模式,无需自定义样式即可使用。
29  </Card>
30  <Card title="多语言支持" icon="globe">
31    原生支持多语言文档,自动生成语言导航,适合全球用户使用。
32  </Card>
33  <Card title="强大编辑" icon="markdown">
34    支持 Markdown 和 MDX,代码高亮、提示框、表格等功能齐全。
35  </Card>
36  <Card title="响应式布局" icon="device-mobile">
37    完美适配电脑、平板、手机,随时随地流畅阅读。
38  </Card>
39  <Card title="全文搜索" icon="search">
40    内置搜索功能,无需第三方服务,快速查找文档内容。
41  </Card>
42  <Card title="清晰导航" icon="list">
43    自动生成侧边栏与目录,层级清晰,阅读体验极佳。
44  </Card>
45  <Card title="轻松部署" icon="cloud">
46    纯静态站点,支持所有主流平台一键部署上线。
47  </Card>
48</CardGrid>
49
50## 快速开始
51
52<CardGrid>
53  <Card title="编辑页面" icon="pencil">
54    编辑 src/content/docs/index.mdx 文件修改首页内容。
55  </Card>
56  <Card title="添加文档" icon="add-document">
57    在 docs 目录添加 Markdown 或 MDX 文件创建新页面。
58  </Card>
59  <Card title="配置站点" icon="setting">
60    在 astro.config.mjs 中配置导航、主题、多语言等功能。
61  </Card>
62  <Card title="发布上线" icon="open-book">
63    构建静态文件,部署到任意平台,拥有专业文档网站。
64  </Card>
65</CardGrid>
66
67---
68
69© 2025 文档站点 · 基于 Starlight 强力驱动
70现代化、高性能、优雅易用的文档生成工具
最新文章

文档导航