peterchen1997/astro-site-showcase-cn

Astro 中文网站 ShowCase。展示一些使用 Astro 构建的中文网站！

Astro 中文网站 ShowCase

展示一些使用 Astro 构建的中文网站！

🧞 Commands

运行以下命令：

Command	Action
pnpm install	安装依赖
pnpm run dev	在 localhost:4321 启动开发服务器
pnpm run build	打包到 ./dist/
pnpm run preview	本地预览

添加 Showcase

用 Astro 或 Starlight 构建过中文网站？欢迎添加 ShowCase!

1. Fork 此仓库，在你的本地运行。

2. 添加一个你的网站的截图到 src/assets/showcase/ 文件夹。

   • 你网站域名命名的 .png 格式，例如 example.com.png。
   • 图片尺寸为 800 × 450 像素。

3. 在 src/components/showcase-sites.astro 为你的网站添加新的一条。

   • 新的网站必须放在已存在的列表最后。
   • title 属性是必须的，它是你的网站的名称。
   • href 属性是必须的，它是你的网站的 URL。
   • thumbnail 属性是必须的，它是第 2 步中添加的截图文件名。

  <Card title="Example" href="https://example.com" thumbnail="example.com.png" />
  <Card title="Last Example" href="https://example.org" thumbnail="example.org.png" />
+ <Card title="你的网站" href="https://example.com" thumbnail="example.com.png" />
</FluidGrid>

4. 创建一个 PR 到本仓库。