# DX1267班 班级网站 · 使用说明 **这套网站不需要服务器、不需要联网、不需要安装任何软件。** 双击 `index.html` 就能打开。 --- ## 一、怎么打开 1. 打开文件夹 `DX1267班级网站` 2. 双击 **`index.html`** 3. 浏览器就打开了。点顶部导航可以翻页 > 想发给同学看，见第五节「怎么放到网上」。 --- ## 二、文件都是干什么的 ``` DX1267班级网站/ ├── index.html ← 首页（双击这个） ├── announcements.html ← 通知公告 ├── materials.html ← 学习资料 ├── gallery.html ← 班级相册 ├── links.html ← 常用链接 ├── chat.html ← 聊天室 │ ├── data/data.js ← ★ 内容都在这里，你平时只改这个 ├── css/style.css ← 样式（改颜色可以动它） └── js/site.js ← 程序（不用管） ``` **六个 .html 文件每个只有十几行，它们不装内容** —— 所有文字、链接、照片都在 `data/data.js` 里。 所以你更新网站，永远只碰一个文件。 --- ## 三、怎么改内容（重点） ### 打开方式 右键 `data/data.js` → **打开方式** → **记事本** ### 加一条通知 找到 `announcements: [` 这一段，在**最前面**加一条： ```js { date: "2026-10-15", title: "关于举行班级篮球赛的通知", body: "本周六下午三点，东操场。有兴趣的同学在班群里报名。" }, ``` **注意三点：** 1. 每一条 `{ }` 后面要有**英文逗号** `,` 2. 引号要用**英文引号** `"`，不能用中文的 `"` 3. **最后一条不用逗号** 想置顶（重要通知排最前面），在后面加一句： ```js top: true ``` ### 改学习资料 / 常用链接 / 相册 格式都一样，找到对应的段落照着改： ```js materials: [ { subject: "数学", name: "工科数学分析 · 笔记", desc: "上册完整笔记", href: "你的链接" }, ], links: [ { name: "教务系统", desc: "选课 / 查成绩", href: "https://..." }, ], gallery: [ { title: "军训", cover: "照片地址", date: "2026-09" }, ], ``` ### 改完记得 **保存（Ctrl + S）**，然后回浏览器按 **F5** 刷新。 --- ## 四、怎么换颜色 打开 `css/style.css`，最上面几行： ```css :root { --navy: #0F2E55; /* 主色：深蓝 */ --blue: #1E5FA8; /* 辅色 */ --cyan: #2AA8C4; /* 点缀色 */ --gold: #E0A93B; } ``` 把 `#` 后面那六位换成你想要的颜色就行。**背景、按钮、标题会一起变。** --- ## 五、怎么放到网上（让同学能打开） 现在这个网站在你电脑上，别人看不到。要发布，选一个： | 方式 | 说明 | |---|---| | **腾讯 EdgeOne Pages** | 国内访问快，有免费套餐。要注册腾讯云并实名 | | **字根秀秀** | 面向学生的 HTML 托管，上传就给网址，最简单 | | **学院 / 团委的空间** | 最稳。你现在是团支书，去问一句有没有 | | ~~Gitee Pages~~ | **已经停服，不要用** | **上传的方法基本一样：把整个 `DX1267班级网站` 文件夹里的东西传上去，它会给你一个网址。** --- ## 六、聊天室怎么开 1. 去 `cbox.ws`（或别家）注册，拿到一段嵌入地址，形如： `https://www3.cbox.ws/box/?boxid=xxxxxx&boxtag=xxxxxx` 2. 打开 `data/data.js`，找到最后一段： ```js chatEmbed: "", ``` 3. 把地址填进引号里： ```js chatEmbed: "https://www3.cbox.ws/box/?boxid=xxxxxx&boxtag=xxxxxx", ``` 4. 保存刷新，聊天室就出来了 > **提醒**：公开聊天室谁都能发言、谁都能截图。 > 建议在上面页面加一句提示语（已经写好了一句），并自己留一个能删帖的管理员账号。 --- ## 七、出问题了怎么办 **网页打开是空白？** 多半是 `data.js` 里少了逗号或者用了中文引号。打开它检查一下最近改的那一条。 **想加一个新页面？** 把 `announcements.html` 复制一份，改个文件名，然后改这两处： - `` 里的文字 - `<body data-page="announcements">` 改成新名字 再在 `data/data.js` 的 `nav` 里加一行导航，并在 `js/site.js` 的 `PAGES` 里加一条。 **改坏了想还原？** 找团支书要一份原始文件，覆盖回去就行。 --- *本网站为纯静态页面，不依赖任何外部服务，离线也能打开。*