Astro 5 静态生成,默认不向浏览器发送组件 JavaScript
website-template — Astro 企业官网模板
作者 tovy-eu
基于 Astro 5 的静态企业官网骨架,包含多语言页面、博客、联系表单和 SEO 配置,设计留白,可通过 AI 提示快速套用品牌样式。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
目前有 1 张原始预览,可打开完整图片查看设计细节。
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
英文与荷兰语双语言,URL 本地化,文案按语言集中管理
React Islands 在滚动到可见时水合,用于联系表单等交互组件
MDX 博客内容集合,支持按语言分目录存放文章
内置 RSS、站点地图、robots.txt、Open Graph 和 JSON-LD
Firebase Hosting 部署配置,支持 PR 预览频道
模板详细介绍
这是一个面向静态企业官网的 Astro 5 模板,提供英文与荷兰语两套完整页面,覆盖首页、关于、服务、联系、博客、隐私政策、服务条款和 404 页面。所有可见文案集中存放在 src/content 下每种语言一个 JSON 文件里,修改文本不需要翻组件。模板默认不含视觉设计,只有语义化 HTML 和占位内容,需要你向 AI 代码助手描述品牌简报来生成配色、字体、阴影和间距。
技术栈包括 Astro 5、Tailwind v4、React Islands(滚动到可见时水合)和 MDX 内容集合。内置 i18n 支持本地化 URL,附带 RSS、站点地图、robots.txt、Open Graph 与 Twitter Card 元数据、JSON-LD 结构化数据以及页头语言切换器。部署目标为 Firebase Hosting,支持 CDN 和 PR 预览频道。仓库采用 MIT 许可证。
适合你的项目吗?
适用场景
- 需要快速搭建多语言静态企业官网,并希望用 AI 助手完成视觉设计
- 希望所有页面文案集中在一个 JSON 文件中维护,便于翻译和内容更新
- 需要博客、联系表单、SEO 元数据和结构化数据的标准企业站点
- 计划部署到 Firebase Hosting 并使用预览频道做上线前检查
适合人群
- 熟悉 Astro 或愿意按文档使用 AI 代码助手的前端开发者
- 需要英文与荷兰语双语企业官网的团队
- 接受模板默认无设计、愿意通过提示词生成品牌样式的项目
- 使用 Firebase Hosting 作为部署目标的静态站点
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
克隆仓库后运行 npm install,再用 npm run dev 启动本地开发服务器(localhost:4321)
- 2
替换 .firebaserc 和 GitHub Actions 工作流中的 your-firebase-project-id
- 3
将 astro.config.mjs 和 public/robots.txt 中的 https://example.com 替换为实际域名
- 4
在 GitHub 仓库添加 FIREBASE_SERVICE_ACCOUNT 密钥,用于 Firebase 部署
- 5
替换 public/og-default.png 为 1200x630 的实际 Open Graph 图片
授权与来源资料
使用条件与限制
待核对- 尚未完成使用条件评估,请先查看原仓库许可证。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料一般 · 67 / 100
- 技术栈
- Astro · React
- 网站类型
- 企业官网
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2026-09-10
- 截图检查日期
- 2026-09-14
目前没有记录演示链接。请依据仓库说明在本地评估;仅凭截图无法确认交互行为。
目录记录的主要技术栈是 Astro。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
当前版本没有可核对的编辑审核记录;旧的应用时间不代表已完成事实审核。
这条历史介绍未保存固定版本的来源快照。请对照当前仓库,发现不一致可反馈。
反馈内容错误看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

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

astro-landing-page
An Astro + Tailwind CSS Example/Template for Landing Pages
Astro · 企业官网

Tailcast
Dark-themed website template built on Astro and Tailwind CSS
Astro · 企业官网

Positivus
A stunning and versatile Astro theme designed for digital marketing agencies.
Astro · 企业官网

qwind
⭕️ Qwind: A template to make your website using Qwik + Tailwind CSS.
Astro · 工具站

agency-landing-page-Astrojs
A simple agency landing page made with astrojs and tailwindcss
Astro · 企业官网
