🎮 官方网站: Crazy Cattle 3D 官方网站
📖 English Version: README_EN.md
这是 Crazy Cattle 3D 游戏的官方网站项目，基于 Next.js 构建。该网站提供多款游戏嵌入、游戏信息展示以及针对搜索引擎和 AI 爬虫的优化。
Crazy Cattle 3D 是一款基于物理引擎的 3D 动作游戏，可直接在浏览器中运行，无需下载安装。本项目是游戏的官方网站，现已扩展为多游戏平台，提供7款不同类型的浏览器游戏。
- Crazy Cattle 3D - 主要游戏，物理引擎3D动作游戏
- Crazy Cow 3D - 疯狂奶牛版本，物理引擎混乱玩法
- Cheese Chompers 3D - 老鼠主题淘汰赛游戏
- Italian Brainrot Clicker - 意大利梗点击游戏
- Basketball Bros Unblocked - 篮球动作游戏
- Pokemon Gamma Emerald - 宝可梦同人增强版
- Crazy Chicken 3D - 疯狂小鸡物理战斗游戏
- Futbol Libre - 免费在线观看足球直播
- 多游戏嵌入与展示 - 支持7款不同类型的浏览器游戏
- 统一游戏页面模板 - 每个游戏都有完整的介绍、特性、玩法和FAQ
- 游戏特性、玩法和 FAQ 介绍 - 详细的游戏指南和常见问题解答
- 针对搜索引擎优化 (SEO) - 完整的meta标签和结构化数据
- 针对 AI 爬虫的特殊内容优化 - 专用的llms.txt文件
- 响应式设计 - 支持各种设备和屏幕尺寸
- 游戏推荐系统 - 在每个游戏页面推荐其他游戏
- 框架: Next.js 13.5.1 (App Router)
- 语言: TypeScript 5.2.2
- 样式: Tailwind CSS 3.3.3
- UI组件: Radix UI (完整无障碍组件库)
- 部署: Vercel
- SEO: next-sitemap 4.2.3
- 表单: React Hook Form + Zod
- 图标: Lucide React
/
├── app/ # Next.js 应用目录 (App Router)
│ ├── crazy-cow-3d/ # Crazy Cow 3D 游戏页面
│ ├── crazy-chicken-3d/ # Crazy Chicken 3D 游戏页面
│ ├── cheese-chompers-3d/ # Cheese Chompers 3D 游戏页面
│ ├── brainrot-clicker/ # Italian Brainrot Clicker 游戏页面
│ ├── basketball-bros-unblocked/ # Basketball Bros 游戏页面
│ ├── pokemon-gamma-emerald/ # Pokemon Gamma Emerald 游戏页面
│ ├── games/ # 游戏列表和数据配置
│ ├── about/ # 关于页面
│ ├── contact/ # 联系页面
│ ├── privacy-policy/ # 隐私政策页面
│ ├── terms-of-service/ # 服务条款页面
│ ├── layout.tsx # 全局布局
│ ├── page.tsx # 首页 (Crazy Cattle 3D)
│ ├── schema.ts # 结构化数据配置
│ └── globals.css # 全局样式
├── components/ # React 组件库
│ ├── game-section/ # 游戏展示组件
│ ├── layout/ # 布局组件 (Header, Footer)
│ ├── templates/ # 页面模板 (GamePageTemplate)
│ ├── home/ # 首页组件
│ ├── features/ # 游戏特性组件
│ ├── what-is/ # 游戏介绍组件
│ ├── how-to-play/ # 玩法说明组件
│ ├── faq/ # FAQ组件
│ ├── other-games/ # 其他游戏推荐组件
│ ├── rating/ # 评分组件
│ └── ui/ # 基础UI组件 (基于Radix UI)
├── config/ # 配置文件
│ ├── site.ts/js # 站点基本配置
│ ├── content.ts # 游戏内容配置
│ ├── layout.ts # 布局配置
│ └── theme.ts # 主题配置
├── hooks/ # 自定义React Hooks
├── lib/ # 工具函数库
├── public/ # 静态资源
│ ├── assets/ # 图片和其他资源
│ │ ├── crazy-cow-3d/ # Crazy Cow 3D 相关图片
│ │ ├── crazy-chicken-3d/ # Crazy Chicken 3D 相关图片
│ │ ├── cheese-chompers-3d/ # Cheese Chompers 3D 相关图片
│ │ ├── brainrot-clicker/ # Brainrot Clicker 相关图片
│ │ ├── basketball-bros-unblocked/ # Basketball Bros 相关图片
│ │ ├── pokemon-gamma-emerald/ # Pokemon 相关图片
│ │ └── img/ # 站点通用图片
│ ├── game/ # 游戏文件目录
│ │ ├── crazycattle3d/ # Crazy Cattle 3D 游戏文件
│ │ ├── crazycow3d/ # Crazy Cow 3D 游戏文件
│ │ ├── crazy-chicken-3d/ # Crazy Chicken 3D 游戏文件
│ │ ├── cheesechompers3d/ # Cheese Chompers 3D 游戏文件
│ │ ├── brainrot-clicker/ # Brainrot Clicker 游戏文件
│ │ ├── basketball-bros-unblocked/ # Basketball Bros 游戏文件
│ │ └── pokemon-gamma-emerald/ # Pokemon 游戏文件
│ ├── llms.txt # AI 爬虫专用内容摘要
│ ├── llms-full.txt # AI 爬虫专用完整内容
│ ├── robots.txt # 搜索引擎爬虫规则
│ └── sitemap.xml # 网站地图
├── next.config.js # Next.js 配置 (包含游戏路由重写)
├── next-sitemap.config.js # Sitemap 和 robots.txt 配置
├── tailwind.config.ts # Tailwind CSS 配置
├── tsconfig.json # TypeScript 配置
└── components.json # shadcn/ui 组件配置
- Node.js 16.x 或更高版本
- npm 或 yarn
在项目根目录创建 .env.local 文件：
# Google Analytics Configuration
# 请替换为您自己的 Google Analytics ID
# 获取方式: https://analytics.google.com/ → 管理 → 数据流 → 衡量ID
NEXT_PUBLIC_GA_ID=G-XXXXXXXXXX
# 其他可选配置
# NEXT_PUBLIC_SITE_URL=https://your-domain.com注意:
.env.local文件已在.gitignore中，不会被提交到代码库- 请将
G-XXXXXXXXXX替换为您自己的 Google Analytics 衡量ID
npm install
# 或
yarn installnpm run dev
# 或
yarn dev访问 http://localhost:3000 查看网站。
npm run build
# 或
yarn buildnpm run sitemap
# 或
yarn sitemapnpm run clean-sitemap网站通过 iframe 嵌入游戏，每个游戏都有对应的嵌入路由：
/crazy-cattle-3d.embed→/game/crazycattle3d/index.html/crazy-cow-3d.embed→/game/crazycow3d/index.html/cheese-chompers-3d.embed→/game/cheesechompers3d/index.html/brainrot-clicker.embed→/game/brainrot-clicker/index.html/basketball-bros-unblocked.embed→/game/basketball-bros-unblocked/index.html/pokemon-gamma-emerald.embed→/game/pokemon-gamma-emerald/index.html/crazy-chicken-3d.embed→/game/crazy-chicken-3d/index.html
详细的游戏本地化部署指南可参考 IFRAME_DOWNLOAD_README.md。
要添加新游戏，需要以下步骤：
- 添加游戏文件: 将游戏文件放入
public/game/[游戏名]/目录 - 创建游戏页面: 在
app/[游戏名]/创建页面目录和文件 - 配置游戏数据: 在
app/games/game-data.ts中添加游戏信息 - 添加游戏内容: 创建游戏的
content.ts配置文件 - 配置路由重写: 在
next.config.js中添加嵌入路由 - 添加游戏资源: 在
public/assets/[游戏名]/添加相关图片
- 🏠 主页: Crazy Cattle 3D 官方网站
- 📞 联系我们: 联系我们
- ℹ️ 关于我们: 关于我们
- 🔒 隐私政策: 隐私政策
- 📋 服务条款: 服务条款
- 🐍 Snake Game: 在线贪吃蛇游戏
- 📝 Evernote: Evernote 笔记
- 📅 CAL: Vincent AI 日历预约
- 💰 Patreon: Patreon 支持页面
- 📌 Pinterest: Pinterest 图片分享
- 🔗 Linktr: Linktr 链接树
- 📰 Substack: Substack 博客
- 🎨 Creem: Creem 创作平台
- 💻 CrazyCattle3d Github: 项目英文文档
本项目针对 AI 爬虫进行了特殊优化：
- 专用内容文件: 提供了
llms.txt和llms-full.txt文件，包含结构化的游戏信息 - robots.txt 配置: 引导 AI 爬虫访问专用文件，限制对网站其他部分的访问
- 支持的AI爬虫: GPTBot, ChatGPT-User, Claude-Web, PerplexityBot, DeepseekBot 等
详细配置可查看 next-sitemap.config.js。
社交媒体预览图片生成指南可参考 OG_IMAGE_README.md。
项目配置为通过 Vercel 自动部署。推送到主分支的更改将自动部署到生产环境。
在 Vercel 控制台中配置以下环境变量：
- 登录 Vercel Dashboard
- 选择您的项目
- 进入 Settings → Environment Variables
- 添加以下变量：
Name: NEXT_PUBLIC_GA_ID
Value: G-XXXXXXXXXX
Environment: Production, Preview, Development
或者使用 Vercel CLI：
# 安装 Vercel CLI
npm i -g vercel
# 设置环境变量
vercel env add NEXT_PUBLIC_GA_ID
# 输入值: G-XXXXXXXXXX
# 选择环境: Production, Preview, Development- 生产环境: 推送到
main分支自动部署 - 预览环境: 创建 Pull Request 自动生成预览链接
- 开发环境: 使用
vercel dev本地开发
© 2025 Crazy Cattle 3D. 保留所有权利。