Astro企业官网

blackgyalbites-astro — Astro 企业官网模板

作者 blackgirlbytes

基于 Astro 构建的餐厅菜单静态网站模板，用户扫码后查看食物、饮品与餐饮菜单，并托管在 GitHub Pages 上。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

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

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

全部页面与视图 2

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

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

值得关注的模板亮点

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

01

Astro 构建的静态餐厅菜单网站

02

首页提供食物、饮品、餐饮三个菜单入口，适合扫码访问

03

托管在 GitHub Pages，仓库同时演示任意框架的静态站点部署

04

MIT 许可，允许 fork、复制、修改并用于任何用途

05

提供 Canva 菜单设计模板与 Google Drive 设计素材下载链接

模板详细介绍

这是一个用 Astro 编写的餐厅菜单网站模板，主要用途是让顾客扫描二维码后在手机上查看菜单。首页提供食物菜单、饮品菜单和餐饮菜单三个入口，点击后进入对应的菜单页面。仓库同时作为演示，说明开发者可以用任意框架构建静态网站并托管在 GitHub Pages 上。

模板的菜单设计稿来自 Canva，插画由 Cuoc Doi Prints 提供，设计与开发由 The Holistic Technologist 完成，作者为 Rizel Scarlett。仓库采用 MIT 许可，允许 fork、复制、修改并用于任何用途。

需要注意的是，仓库资料没有说明菜单数据的组织方式、是否包含后台管理或下单功能，也没有给出构建与部署的具体步骤。演示图片、字体、图标等第三方素材的许可需单独核对，不能仅凭代码的 MIT 许可判断。

Astro企业官网

适合你的项目吗？

适用场景

  • 餐厅把菜单做成二维码，顾客扫码后在手机上浏览
  • 开发者参考该仓库了解如何用 Astro 构建并部署静态站点到 GitHub Pages
  • 餐饮品牌基于现有菜单页面结构替换内容，快速搭建自己的菜单站

适合人群

  • 需要扫码查看菜单的餐厅或餐饮摊位
  • 想学习 Astro 静态站点与 GitHub Pages 部署的开发者
  • 接受 MIT 许可、愿意自行替换菜单内容与素材的使用者

上手与定制指南

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

  1. 1

    仓库未提供构建与部署步骤，需自行参考 Astro 与 GitHub Pages 的常规流程

  2. 2

    演示图片、字体、图标等第三方素材的许可需单独核对

  3. 3

    菜单数据与页面结构需按实际餐厅内容自行调整

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

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

Permission is hereby granted, free of charge

许可证原文
https://github.com/blackgirlbytes/blackgyalbites-astro/blob/main/LICENSEhttps://github.com/blackgirlbytes/blackgyalbites-astro/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料一般 · 72 / 100
技术栈
Astro
网站类型
企业官网
这个分数如何计算

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

这个项目需要核对什么

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

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 0eee813c844dc793393b5518cd8545226066c33803c088ce0a9cfae65d5da9f8

2026-10-01T15:25:57.751Z

来源文件 / 仓库
# blackgyalbites

## Template for No-touch Menus and Host Static Pages Built with Any Framework on GitHub Pages

![screenshot of website with 3 buttons that read: food menu, drinks menu, and catering menu. on the right of it is a screenshot of the drinks menu](https://user-images.githubusercontent.com/22990146/182385358-364d812f-a5a8-48ad-9ac7-3bf9e14d9614.png)

### Website built with Astro to display restaurant menus when users scan a QR code.

## Powered By GitHub Pages

This is a demonstration to show developers that they can build and host static websites using any framework. 
See more example frameworks hosted on GitHub Pages:

- [HTML and CSS](https://github.com/blackgirlbytes/blackgyalbites)
- [Next.js and Tailwind CSS](https://github.com/blackgirlbytes/blackgyalbites-nextjs)
- [Astro](https://github.com/blackgirlbytes/blackgyalbites-astro)

Link to live site: https://blackgirlbytes.github.io/blackgyalbites-astro/

### Design and Development
All designs and elements are open source, available for free for anyone to use.

Owned by Rizel Scarlett [(@blackgirlbytes)](https://github.com/blackgirlbytes)

Designed by [The Holistic Technologist](https://holistictech.io)

Illustrations by [Cuoc Doi Prints](https://www.cuocdoiprints.com)

Feel free to fork, copy, tweak, and use for any purpose. This project is completely open source, and under [MIT license](https://github.com/blackgirlbytes/blackgyalbites-astro/blob/main/LICENSE). 

Menu Design Template: [Canva](https://www.canva.com/design/DAFGhaCejFw/zy2w9ZjXJBZ3NssSdfhpTw/view?utm_content=DAFGhaCejFw&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton)

Download Assets & Design Elements: [Google Drive](https://drive.google.com/drive/u/0/folders/12vHecd82FiiphDGSpwRA8cndsdzDy5QG)

![blackgirlbytes logo](https://user-images.githubusercontent.com/22990146/182384548-5af4d85e-3439-449a-bac4-6b213eb6b18c.png)
反馈内容错误

看看同类模板

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

astrowind

astrowind

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

Astro · 博客

astro-landing-page

astro-landing-page

An Astro + Tailwind CSS Example/Template for Landing Pages

Astro · 企业官网

Tailcast

Tailcast

Dark-themed website template built on Astro and Tailwind CSS

Astro · 企业官网

Positivus

Positivus

A stunning and versatile Astro theme designed for digital marketing agencies.

Astro · 企业官网

qwind

qwind

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

Astro · 工具站

agency-landing-page-Astrojs

agency-landing-page-Astrojs

A simple agency landing page made with astrojs and tailwindcss

Astro · 企业官网