企业官网建设流程全解析

逃离暗区 · 战术档案库

《我的世界》网易布吉岛服「布吉岛 · 逃离暗区」玩家综合服务站

逃离暗区 · 战术档案库是由玩家社区自发搭建的攻略与资源站点，致力于为「逃离暗区」玩法提供一站式的情报、计算与交易能力。无论你是刚落地布吉岛的萌新，还是手持氪金刀横扫暗区的大佬，都能在这里找到属于自己的那块拼图。

• 在线访问：https://逃离暗区.shop （点我直达）
• 维护团队：星上工作室

一、项目简介

「逃离暗区」是网易《我的世界》布吉岛中极具硬核色彩的 PVE / PVP 玩法：玩家在物资稀缺、危机四伏的暗区中搜集装备、对抗威胁、完成撤离。随着玩法热度攀升，散落在群聊与贴吧里的攻略、物价、团招信息越来越难检索。

战术档案库由此诞生——把碎片化的暗区情报，沉淀为一个随时可查、可算、可交易的结构化档案库。

• 开发团队：星上工作室（站长 星与月 ）
• 内容定位：新手教程、物资行情、伤害计算、大型团招募、兑换码分发
• 设计语言：暖白基底 + 琥珀金点缀 + 军事绿；玻璃态卡片与克制的微动效

二、核心功能

1. 首页 · 指挥中枢

全站总入口，聚合站长信息、OPL 交流群入口、功能导航卡片与站内搜索框；移动端配备底部导航栏，单手即可触达所有模块。

2. 伤害计算器

基于游戏内武器与组件数值构建的离线计算器，输入装备参数即可预估输出，帮助玩家进场前规划配装。

3. 新手教程

采用古腾堡（Gutenberg）块编辑器维护，支持图文混排与图片点击放大（lightbox）。内容由运营团队持续更新，是萌新落地的第一站。

4. 交易市场 · 物资价值计算器

站点的经济中枢。玩家可上架珍稀物资（氪金刀、竞技复合弓、钛钢弓臂、铁骨箭等），并借助内置的物资价值计算器实时核算持仓总价值。上架表单已明确标注「有效时间：7 天」，避免僵尸商品堆积。

5. 大型团展示

以 API 动态加载的团队槽位（共 6 个），展示各大团的招募信息与战力概况；空槽位以「虚位以待」优雅呈现。

6. 兑换码系统

独立管理的兑换码页面，支持使用次数、时间范围限制，以及违规商品的强制下架，保障活动发放的秩序。

7. 玩家投稿

开放给全体玩家的 UGC 入口，攻略、战报、趣图皆可投递，经审核后进入站内检索。

8. 站内搜索

覆盖全站内容的检索结果页，与首页搜索框联动，让任何情报都能一键定位。

9. 运营后台

登录保护的管理中心（tutorial-editor / admin / ops-team），涵盖教程编辑、团队管理、市场商品管理、设置面板，以及运营团队信息维护（背景色、成员增删、循环展示）。

三、技术架构（项目构造）

总体结构

逃离暗区系统/ ├── deploy_final.py # 增量部署脚本（paramiko SFTP） └── website/ # 站点根目录 ├── index.html # 首页 ├── calculator.html # 伤害计算器 ├── guide.html # 新手教程 ├── market.html # 交易市场 + 物资价值计算器 ├── teams.html # 大型团展示 ├── redeem.html # 兑换码管理 ├── submit.html # 玩家投稿 ├── search.html # 站内搜索 ├── admin.html # 后台管理 ├── tutorial-editor.html ├── ops-team.html # 运营团队编辑 ├── api/ │ ├── server.js # Node.js Express 后端 │ └── data/ # JSON 数据存储 ├── css/ # 全局样式 ├── js/ # 前端逻辑 └── gutenberg/ # 古腾堡块编辑器共享引擎

前端

• 纯 HTML / CSS / JavaScript，不依赖任何前端框架，零构建、即传即用
• 玻璃态（glassmorphism）卡片、金色描边，以及 ripple / hover / enter 微动效
• 字体：Noto Serif SC（标题）+ 系统无衬线（正文）+ JetBrains Mono（数值与代码）
• 移动端优先：响应式断点覆盖桌面 / 平板 / 手机，底部导航保障触达

后端

• Node.js + Express，监听 3000 端口，由 pm2（进程名darkzone-api）守护
• 数据以 JSON 文件落盘（market_items.json、tutorial.json、teams.json、redeem_hash.json、settings.json），轻量免数据库
• 关键接口：GET/PUT /api/tutorial、GET/PUT/DELETE /api/teams、GET /api/items、POST /api/redeem-codes/verify等

部署

• 源站：4-4 高速HK主机 宝塔面板管理；前端经 CDN 加速，Nginx 直出静态资源
• 上传脚本：deploy_final.py（基于 paramiko 的 SFTP 增量部署）

四、本地运行（以实际仓库结构为准）

# 安装后端依赖cdwebsite/api&&npminstall# 启动服务（pm2 守护）pm2 start server.js--namedarkzone-api# 前端# 用浏览器直接打开 website/index.html# 或将 website/ 挂到任意静态服务器（Nginx / VS Code Live Server）

前端通过相对路径调用 /api/*，需保证前后端同源或已配置跨域。

五、关于我们

• 工作室：星上工作室
• 站长：星与月

战术档案库由玩家、为玩家而建。如果你也热爱这片暗区，欢迎加入交流群，一起把档案库打磨得更锋利。

六、版权与转载

本站点内容供「布吉岛 · 逃离暗区」玩家学习交流使用。教程、行情等内容的著作权归原作者所有，转载请注明出处。站点框架与代码由星上工作室维护。