Crazy Cattle 3D 游戏网站

🎮 官方网站: Crazy Cattle 3D 官方网站

📖 English Version: README_EN.md

这是 Crazy Cattle 3D 游戏的官方网站项目，基于 Next.js 构建。该网站提供多款游戏嵌入、游戏信息展示以及针对搜索引擎和 AI 爬虫的优化。

项目概述

Crazy Cattle 3D 是一款基于物理引擎的 3D 动作游戏，可直接在浏览器中运行，无需下载安装。本项目是游戏的官方网站，现已扩展为多游戏平台，提供7款不同类型的浏览器游戏。

支持的游戏列表

1. Crazy Cattle 3D - 主要游戏，物理引擎3D动作游戏
2. Crazy Cow 3D - 疯狂奶牛版本，物理引擎混乱玩法
3. Cheese Chompers 3D - 老鼠主题淘汰赛游戏
4. Italian Brainrot Clicker - 意大利梗点击游戏
5. Basketball Bros Unblocked - 篮球动作游戏
6. Pokemon Gamma Emerald - 宝可梦同人增强版
7. Crazy Chicken 3D - 疯狂小鸡物理战斗游戏
8. 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 install

本地开发

npm run dev
# 或
yarn dev

访问 http://localhost:3000 查看网站。

构建项目

npm run build
# 或
yarn build

生成 Sitemap

npm run sitemap
# 或
yarn sitemap

清理 Sitemap

npm 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。

添加新游戏指南

要添加新游戏，需要以下步骤：

1. 添加游戏文件: 将游戏文件放入 public/game/[游戏名]/ 目录
2. 创建游戏页面: 在 app/[游戏名]/ 创建页面目录和文件
3. 配置游戏数据: 在 app/games/game-data.ts 中添加游戏信息
4. 添加游戏内容: 创建游戏的 content.ts 配置文件
5. 配置路由重写: 在 next.config.js 中添加嵌入路由
6. 添加游戏资源: 在 public/assets/[游戏名]/ 添加相关图片

相关链接和资源

官方页面

• 🏠 主页: Crazy Cattle 3D 官方网站
• 📞 联系我们: 联系我们
• ℹ️ 关于我们: 关于我们
• 🔒 隐私政策: 隐私政策
• 📋 服务条款: 服务条款

外部链接 (Footer Quick Links)

• 🐍 Snake Game: 在线贪吃蛇游戏
• 📝 Evernote: Evernote 笔记
• 📅 CAL: Vincent AI 日历预约
• 💰 Patreon: Patreon 支持页面
• 📌 Pinterest: Pinterest 图片分享
• 🔗 Linktr: Linktr 链接树
• 📰 Substack: Substack 博客
• 🎨 Creem: Creem 创作平台
• 💻 CrazyCattle3d Github: 项目英文文档

AI 爬虫优化

本项目针对 AI 爬虫进行了特殊优化：

1. 专用内容文件: 提供了 llms.txt 和 llms-full.txt 文件，包含结构化的游戏信息
2. robots.txt 配置: 引导 AI 爬虫访问专用文件，限制对网站其他部分的访问
3. 支持的AI爬虫: GPTBot, ChatGPT-User, Claude-Web, PerplexityBot, DeepseekBot 等

详细配置可查看 next-sitemap.config.js。

OG 图片生成

社交媒体预览图片生成指南可参考 OG_IMAGE_README.md。

部署

项目配置为通过 Vercel 自动部署。推送到主分支的更改将自动部署到生产环境。

Vercel 环境变量配置

在 Vercel 控制台中配置以下环境变量：

1. 登录 Vercel Dashboard
2. 选择您的项目
3. 进入 Settings → Environment Variables
4. 添加以下变量：

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. 保留所有权利。