基于 Gatsby 的足球队官网启动器,附带可访问的在线演示
lombardi-starter — Gatsby 启动器模板
作者 cassiocardoso
面向足球队的 Gatsby 启动器,内置博客、Formspree 联系表单与 Netlify CMS 内容管理。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 3
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
内置博客结构,支持分页与文章间导航
联系表单由 Formspree 提供,需在 lombardi.config.js 中配置表单 ID
通过 Netlify CMS 管理博客及关于我们、球员名单、赛程等页面
CMS 预置近期比赛、积分榜、菜单、hero 和社交资料等 widget
代码采用 MIT 许可,提供英文与葡萄牙语文档
模板详细介绍
Lombardi Starter 是一个基于 Gatsby 的网站启动器,定位为足球队官网。仓库 README 说明它开箱提供博客结构,包含分页与文章间导航;联系表单由 Formspree 提供,需要在 lombardi.config.js 中填入 Formspree 生成的 ID 才能实际提交。内容管理通过 Netlify CMS 集成,覆盖博客以及关于我们、球员名单、赛程等机构页面,并预置了近期比赛、积分榜、菜单、hero 和社交资料等 widget。
使用方式为克隆仓库后安装依赖并运行开发服务器,本地可访问站点、GraphQL 接口和 Netlify CMS 后台。仓库提供英文与葡萄牙语(pt-br)文档,以及贡献指南和行为准则。代码采用 MIT 许可,可免费使用、修改、商用和分发,但演示图片、字体、图标等第三方素材需单独核对许可;Formspree、域名、托管等外部服务的额度与费用也不包含在代码许可内。
适合你的项目吗?
适用场景
- 为业余或社区足球队搭建包含新闻与赛程信息的官网
- 用 Netlify CMS 让非技术成员维护博客和球队页面内容
- 以 Gatsby 博客加 CMS 的组合作为项目起点进行二次开发
- 需要 Formspree 联系表单并愿意自行配置服务端点的站点
适合人群
- 需要快速起步的足球队或体育俱乐部网站项目
- 熟悉 Gatsby 与 Netlify CMS、愿意自行配置外部服务的开发者
- 希望用 Markdown 与 CMS 结合管理内容的团队
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
克隆仓库后进入目录,使用 npm install 或 yarn 安装依赖
- 2
运行 npm run start 或 yarn start,站点默认在 http://localhost:8000/
- 3
GraphQL 接口位于 http://localhost:8000/___graphql,Netlify CMS 后台位于 http://localhost:8000/admin/
- 4
联系表单需在 lombardi.config.js 中填入 Formspree 生成的 ID 才能提交
- 5
Formspree 额度与费用、演示图片字体图标等第三方素材许可需另行核对
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- README 提及 Formspree 表单服务;真实提交需配置服务端点,其使用额度与费用需单独核对。
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
- 联系表单依赖第三方服务 Formspree,需先在 Formspree 官网注册并生成表单 ID,再填入 lombardi.config.js 才能实际提交;该外部服务的额度与费用不包含在代码许可内。
- 内容管理依赖 Netlify CMS 这一外部服务/工具,使用其后台与相关托管能力可能涉及 Netlify 账号及服务条款。
查看原文依据
Permission is hereby granted, free of charge
许可证原文
A contact form powered by <a href="https://formspree.io/" target="_blank">Formspree</a>. Add the ID generated on their website on the <code>lombardi.config.js</code> file
README 原文
https://github.com/cassiocardoso/lombardi-starter/blob/master/LICENSEhttps://github.com/cassiocardoso/lombardi-starter/blob/master/README.mdThe starter comes with a CMS integrated using the <a href="https://www.netlifycms.org/" target="_blank">Netlify CMS</a>.
README 原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-13。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料一般 · 68 / 100
- 技术栈
- Gatsby · React
- 网站类型
- 启动器
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2020-06-17
- 截图检查日期
- 2026-10-13
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Gatsby。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
审核声明: [email protected] · 2026-10-13
查看当时使用的来源资料
SHA-256: 72897c39f7e4898c0d66872456cd1650b0aad05291ba406016066a00e6e119c9
2026-10-13T06:42:52.054Z
来源文件 / 仓库# Lombardi Starter  > A starter website for football teams **DEMO:** [Check the working demo here](https://lombardi-starter.netlify.app/) #### [Check the portuguese docs here](./docs/pt-br/README.md) ## Features <dl> <dt><strong>Blog</strong></dt> <dd>The starter contains a blog structure out of the box, with pagination e navigation between posts</dd> <dt><strong>Contact</strong></dt> <dd>A contact form powered by <a href="https://formspree.io/" target="_blank">Formspree</a>. Add the ID generated on their website on the <code>lombardi.config.js</code> file</dd> <dt><strong>CMS Integration</strong></dt> <dd>The starter comes with a CMS integrated using the <a href="https://www.netlifycms.org/" target="_blank">Netlify CMS</a>. Some of the functionalities are: blog, institutional pages like: about us, players list, and schedule.</dd> <dt><strong>Widgets</strong></dt> <dd>Some widgets are already configured on the CMS: recent matches, standings, menu, hero, and social profiles.</dd> <dt><strong>Extensible</strong></dt> <dd>The functionalities can be extended using the Netlify CMS.</dd> </dl> ## Getting started 1. Clone this repo using `git clone --depth=1 https://github.com/cassiocardoso/lombardi-starter.git <YOUR_PROJECT_NAME>` 2. Move to the appropriate directory: `cd <YOUR_PROJECT_NAME>`. 3. Install all the dependencies: `npm install` or `yarn`. 4. Run the application: `npm run start` or `yarn start`. 1. The application will be running on: `http://localhost:8000/`. 2. The GraphQL API will be running on: `http://localhost:8000/___graphql`. 3. Netlify CMS is running at `http://localhost:8000/admin/`. For detailed docs, check the [starter documentation](./docs/README.md). ### Contributors Contributors of any kind are welcome, please check our [contributing guideline](./CONTRIBUTING.md) and read our [code of conduct](./CODE_OF_CONDUCT.md). ### License This project is licensed under the MIT license, Copyright (c) 2020 Cassio Cardoso. For more information see [LICENSE](./LICENSE).
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

gatsby-starter-gcn
gatsby-starter-gcn 是一个面向静态网站构建的 Gatsby 启动器,将内容管理、部署和前端开发串联起来。
Gatsby · 博客

gatsby-starter-morning-dew
:rocket: A Gatsby theme/starter to build lightning-fast blog/websites
Gatsby · 博客

starter-gatsby-blog
这是一个由 Contentful 社区维护的 Gatsby 博客启动器,目标是把静态站点的低维护成本与 Contentful 的友好编辑界面结合起来。
Gatsby · 社区

automatic-gatsbyjs-app-landing-page
Automatic GatsbyJS App Landing Page - Automatically generate iOS app landing page using GatsbyJS
Gatsby · 工具站

gatsby-starter-cv
A simple starter to get up and developing your digital curriculum with GatsbyJS
Gatsby · 启动器

clay-theme
Image-centric Gatsby theme for publishers, portfolios, photographers blogs and more.
Gatsby · 作品集
