AI 实验室 静态示例

公开静态示例 · 无后端

一个可离线打开的 AI 实验室样本页

本站只用 HTML、CSS 与 JavaScript 组成，用于演示如何把一次虚构的文本生成实验写成清晰可读的记录，并说明从编写到预览、再到发布静态网页的步骤。

页面中的实验输入、输出与日期均为示例数据，并非真实发生的实验，也不连接任何模型服务。

查看示例记录 阅读工作流程

项目介绍

这是一份可公开展示的界面样本

目标不是复现一次真实训练或调用，而是把实验室常见的「说明、记录、流程」做成适合手机与桌面阅读的静态页面。所有交互都在浏览器内完成。

可读

用标题层级、摘要与对照表呈现一次小型文本生成实验，方便快速扫读。

可访问

提供跳过链接、键盘焦点、足够对比度，以及可展开的导航，减少障碍。

可发布

文件互不依赖后端。打开本地服务器或直接托管静态资源即可预览。

实验记录

一次小型文本生成实验（示例数据）

下列内容用于展示记录格式。输入、输出、日期与模型名称都是虚构样本，请勿当作真实实验证据。

示例数据

记录编号 EXP-DEMO-001

短句扩写：把提示改写成三句说明

任务类型
受控文本生成（扩写）
示例模型
演示模型（未实际调用）
温度设定
0.4（示例参数）
状态
展示用样本，非真实运行

输入

请把下面这句话扩写成三段、每段不超过 40 字的说明，语气平静、不夸张：
「静态网页适合用来展示一次已经写好的实验记录。」

输出（示例）

静态网页把已经整理好的文字固定下来，读者打开即可阅读。
它不需要登录或数据库，适合公开展示一份完整记录。
更新时直接替换文件，流程短、边界清楚。

备注：此记录仅说明「输入 / 输出 / 日期」可以如何排版。没有真实推理过程，也没有外部接口请求。

工作流程

从编写到发布静态网页

下面三步对应本示例的制作路径：在 MonkeyCode 中写页面，用浏览器确认效果，再把静态文件发布出去。

  1. 01 MonkeyCode 编写

    用 HTML 搭结构，用 CSS 处理版式与对比度，用少量 JavaScript 处理导航与复制等本地交互。不引入后端、登录或数据库。

  2. 02 浏览器预览

    在本地用静态文件服务器打开站点，检查手机与桌面宽度、键盘焦点顺序、标题层级和示例文案是否清楚标明「示例数据」。

  3. 03 发布静态网页

    确认页面可离线阅读后，将 HTML、CSS、JavaScript 与图标一并托管为静态资源。发布后仍保持无服务端逻辑、无密钥、无追踪脚本。