title | description |
---|---|
社区内容 |
发现社区制作的指南、文章和视频,以帮助你学习和构建 Starlight! |
:::tip[添加你自己的!] 你是否制作过关于 Starlight 的内容? 创建一个 PR 来添加链接到此页面! :::
import { CardGrid, LinkCard } from '@astrojs/starlight/components';
以下是一系列帖子和文章,以了解有关 Starlight 和其他人的经历的更多信息:
方案通常是短小的、专注的指南,指导读者完成特定任务的工作示例。通过按照逐步说明完成,方案是向 Starlight 项目添加新功能或行为的绝佳方式!其他指南可能会解释与内容领域相关的概念,例如使用图像或使用 MDX。
浏览由 Starlight 用户维护的社区内容:
发现 Starlight 内容的视频和频道,包括直播和教育内容。
import YouTubeGrid from '~/components/youtube-grid.astro';
<YouTubeGrid videos={[ { href: 'https://www.youtube.com/watch?v=5u0Ds7wzUeI', title: '基于 Astro 的 Starlight', description: '观看 Starlight 官方发布视频', }, { href: 'https://www.youtube.com/shorts/zjOWezSzd18', title: '🌟 1分钟内启动', description: '观看 Ben 在不到一分钟的时间内推出新的 Starlight 网站!', }, ]} />
<YouTubeGrid videos={[ { href: 'https://www.youtube.com/watch?v=sF6UcV3moZg', title: '使用 Starlight 和 Astro 构建文档', description: '观看 Chris 和 Alex 通过 CodingCat.dev 深入研究 Starlight 代码。', }, { href: 'https://www.youtube.com/watch?v=sWkkHbwDeQc', title: 'Astro Starlight', description: '在不到一分钟的时间内介绍 Starlight。', }, { href: 'https://www.youtube.com/watch?v=-Ki-1E5gNCk', title: 'Astro Starlight 文档模板(构建自定义 app 文档!)', description: '在大约 5 分钟内启动并运行新的 Starlight 网站', }, { href: 'https://www.youtube.com/watch?v=12o7WxjAxjM', title: '使用代理将 Starlight 文档包含在 Next.js 项目中', description: '将 Starlight 设置为 Next.js 网站内的子目录项目', }, ]} />