SBTI 人格测试完整 HTML 静态源码+图鉴 本地直接运行 无后台无依赖

最近 SBTI 人格测试在各大平台持续火爆，很多朋友想要一套可以本地运行、可直接部署上线的完整源码。

今天给大家分享的就是SBTI 人格测试 HTML 静态网站源码 + SBTI 全图鉴展示源码，两套源码均为纯前端编写，不需要服务器、不需要数据库、不需要 PHP/Java 等后端语言，下载后双击即可在浏览器打开使用。

MBTI同类型

源码亮点

• 纯 HTML+CSS+JS 编写，无任何后端依赖
• 本地直接运行，无需搭建环境、无需联网
• 包含完整测试流程：题目、计分、结果匹配、结局展示
• 附带 SBTI 27 种人格图鉴源码，可单独作为页面展示
• 代码结构清晰、无加密、无广告、无授权限制
• 自适应布局，电脑、手机访问均正常显示
• 可直接上传到虚拟主机、静态空间、CDN 上线运营

二、SBTI HTML 静态网站源码（测试主站）

这套主站源码是完整的 SBTI 人格测试系统，还原了原版核心逻辑：

• 完整题目题库
• 15 维度性格评分系统
• 27 种人格结局自动匹配
• 结果页展示人格名称、稀有度、解读文案
• 支持重新测试、一键返回首页

整体界面简洁清爽，加载速度快，没有冗余代码，非常适合搭建在线小工具网站、公众号引流页面、小程序内嵌网页等场景。

使用方式极其简单：

1. 下载源码压缩包
2. 解压到任意文件夹
3. 直接打开 index.html 即可开始测试

无需配置，无需环境，真正做到开箱即用。

三、SBTI 27 种人格图鉴源码（单独展示页）

除了完整的测试网站，本次还额外分享一套SBTI 人格图鉴源码。

该页面独立运行，专门用于展示：

• 27 种人格完整名称与代号
• 每个人格详细解读
• 理论稀有度排行
• 特殊结局：傻乐者 HHHH、酒鬼 DRUNK
• 图文排版，适合做介绍页、引流页、说明页

图鉴源码同样是 HTML 静态页面，可单独使用，也可以整合到主站中，形成 “测试 + 图鉴” 完整站点。

---

四、两套源码适用场景

• 本地自己体验 SBTI 测试，不用访问外网
• 搭建个人兴趣网站、小工具导航站
• 用于源码网站售卖、资源分享引流
• 学习前端项目，了解答题类网页逻辑
• 公众号推文内置测试链接，提高阅读与转发
• 短视频引流，引导用户测试人格、查看结局

---

五、源码使用说明

1. 两套源码均为静态页面，不涉及任何数据库操作，不存在数据泄露风险。
2. 代码未加密、无后门，可自由修改标题、LOGO、文案、样式等。
3. 如需上线，直接将所有文件上传至虚拟主机或静态托管平台即可。
4. 本地运行只需要浏览器，Chrome、Edge、360 浏览器均支持。
5. 可自由搭配使用：测试主站 + 图鉴页面，构成完整站点结构。

---

六、适合人群

• 想要搭建人格测试类网站的站长
• 源码网、资源站需要更新内容的博主
• 学习 HTML、CSS、JS 前端项目的新手
• 做短视频、公众号引流的运营人员
• 只想本地安静测试，不想访问公共网站的用户

本次分享的SBTI 人格测试 HTML 静态网站源码 + 27 种人格图鉴源码，是目前比较完整的一套静态版资源。

无需后端、无需数据库、本地即用，结构干净、功能完整，无论是自用学习还是搭建上线、引流变现都非常合适。

如果你正在找一套可以直接运行、无复杂配置的 SBTI 源码，这两套可以直接使用，省去自己开发与调试的时间，快速拥有属于自己的 SBTI 人格测试网站。

测试截图