最近朋友圈被各种人格测试刷屏了,什么MBTI、恋爱人格、职场动物型……每次看到这些,我都觉得挺有意思的。正好最近心血来潮,想自己也做一个试试——主题就定“恋爱中的角色”,把人格分成12种,用户答完题就能看到结果和详细解说。说干就干,结果你猜怎么着?从构思到上线,前后没花多少时间,而且全程不用写一行代码!

一、我为什么想做这个?

说实话,我完全不懂编程。什么HTML、CSS、JavaScript,对我来说跟天书一样。但我一直有个想法:能不能做一个属于自己的小网站?不是那种复杂的电商平台,就是一个简简单单的测试页面,朋友点进去答几道题,然后得到一个有趣的结果,截图发朋友圈炫耀一下。

正好我平时在用一款叫 AiPy 的工具,之前拿它做过数据报表、写过工作总结,体验一直不错。这次我就想试试:能不能让它帮我做一个网站?结果一试,真的成了!

二、我只需要说一句话

整个过程简单到离谱。我打开 AiPy,对着对话框说了一句:

“做一个人格测试网站,将人格分为12种,主题是恋爱中的角色,由你出题,用户测试完能够得到测试结果和人格解说。”

就这一句话。没有技术参数,没有代码要求,就是把我脑子里的想法用大白话讲出来。

然后 AiPy 就开始干活了。它自己设计了12种恋爱人格——什么“热烈追爱者”、“温柔守护者”、“慢热刺猬”、“傲娇女王/国王”……每一个都特别有画面感,我看了都忍不住对号入座。接着它又出了10道情境题,每道题4个选项,覆盖约会、吵架、异地恋、未来规划等各种真实场景。

最让我惊讶的是,它连网页设计都帮我搞定了。粉橘色的渐变背景、玻璃拟态的卡片风格、圆角按钮、进度条动画……整个页面看起来特别精致,完全不输网上那些专业的测试网站。而且手机打开也适配得很好,排版不会乱。

三、一个文件,双击就能用

AiPy 最后给我的,是一个 .html 文件。没错,就一个文件。不需要买服务器,不需要装软件,不需要配置任何东西。我把它存到电脑桌面上,双击就用浏览器打开了。

整个测试流程特别顺畅:

  • 首页有个大大的“🌸 开始测试”按钮,点进去就开始答题。
  • 一共10道题,每道题都有进度条显示答到哪了。
  • 选完最后一题,结果立刻弹出来——你是什么恋爱人格、有什么特点、适合和什么样的人在一起,还有专属的恋爱建议。
  • 不满意结果?点一下“重新测试”又能再来一遍。

我把这个文件发给了几个朋友,他们直接在微信里用浏览器打开就能测,测完纷纷截图发朋友圈,还有人问我“这个网站哪里找的,做得好好看”。我说这是我自己做的,他们都不信!

四、AiPy 到底帮我做了什么?

回过头来看,AiPy 帮我完成了以下所有事情:

  1. 创意策划:12种人格的命名和定义,每一种都有鲜明的性格特征和记忆点。
  2. 题目设计:10道情境选择题,每道题的选项都暗中对应不同人格类型,保证测试结果有区分度。
  3. 计分逻辑:用户每选一个选项,对应人格就加分,最后取最高分作为结果,简单但有效。
  4. 网页开发:HTML搭建结构、CSS负责美化、JavaScript实现交互逻辑,全部自动生成。
  5. UI设计:配色、字体、卡片样式、动画效果、移动端适配,一条龙搞定。

而我做了什么?我只是把想法说出来了而已。

五、你也可以试试这些方向

做完这个恋爱人格测试之后,我脑子里的灵感停不下来了。既然 AiPy 这么好用,那是不是可以做更多类型的测试网站?比如:

  • 🧠 职场人格测试:你是“狼性卷王”还是“佛系躺平”?
  • 🍔 美食人格测试:测测你的“吃货属性”是什么级别?
  • 🎵 音乐灵魂测试:你的内心住着摇滚青年还是古典诗人?
  • 🐱 宠物匹配测试:根据你的性格,最适合养猫还是养狗?
  • 🎬 电影角色测试:如果你是电影主角,会是哪种类型?

每一个都可以做成独立的测试页面,甚至可以加上分享海报、排行榜、评论区,玩法多得很。

六、写在最后

以前我一直觉得,“做网站”是程序员才能干的事。但这次经历彻底改变了我的看法。在 AiPy 的帮助下,我一个完全不懂代码的人,从零做出了一个功能完整、颜值在线的人格测试网站。

如果你也跟我一样,脑子里有很多有趣的点子,但苦于不懂技术一直没动手——真的可以试试 AiPy。你只需要把想法说出来,剩下的交给它。那种“我居然真的做出来了”的成就感,试过一次就上瘾。

师傅常说,千里之行始于足下。有了好工具,第一步迈出去其实没那么难。说不定下一个刷爆朋友圈的测试,就出自你手呢!

Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐