不会写代码的文科生,也能搓网页:一个HR的AI建站实操
- 2026-09-17 19:39:38
不会写代码的文科生,也能搓网页:一个HR的AI建站实操前两周，我要做一场关于“经验萃取”的沙龙分享。 准备了PPT，写好了讲稿，但有一个问题卡了我两天：我想在现场让大家体验一下我做的几个演示用的AI提示词。按以往的做法，要么把文字贴出来让大家对着抄，要么发到群里大家复制黏贴到对话框。 我总觉得少了点什么，不够直观，也不够“有质感”。 临近分享前的某个晚上，我随口问了DeepSeek一句：“有没有办法让听众在沙龙现场，直接上手体验我的prompt？不是复制粘贴发到群里，而是点开就能玩的那种。” 它直接甩出了一段代码，并告诉我： “按照你的要求，已经生成交互式网页界面，直接保存为.html文件，双击打开使用。” 
保存→点击，我的浏览器里出现了一个干干净净的小页面，有标题、有说明、有按钮。 虽然还很糙，但它真的能点、能交互。 
我搓出来的交互界面 不夸张地说，那一刻我心里“哇”了一下。 不是因为又挖掘出了一个新技能 —— 事实上我依然看不懂代码逻辑到底是什么。 而是我突然意识到：原来“让想法变成可交互的应用体”，门槛已经低到只要你会说人话就够了。 但很快，新的问题又来了。 那个网页虽然能用了，但它只能躺在我的电脑里。如果我想分享给别人，得把文件发过去，对方下载、打开……这和分享一段文本并没有本质区别。 于是，我追问DeepSeek：“有没有办法把这个网页变成一个链接，直接点击网址打开？” 它想了一下，回复我： 
这个叫Netlify的平台。我的理解是：它就是一个“把代码变成网址”的工具箱。你不需要知道背后的原理，只需要把代码复制进去，它会自动给你一个公开链接。 操作简单到有点不真实：粘贴代码 → 点几下鼠标 → 等几秒钟 → 生成一个以 “.netlify.app”为结尾的网址。 我把这个链接丢进我的密友群，朋友点开之后发来消息：“我去，这个图厉害了。” 听到反馈，不禁暗爽，然后赞叹：让AI帮你干活，最爽的不是“省时间”，而是你能快速把一个想法变成别人能看到、能用到的真实存在。 成功过一次之后，就停不下来了。 第二个生成的网页，是我的个人电子名片。 现在我自己做职业顾问，对接方案。每次接新客户，都要重新讲一遍“我是谁、我做过什么、我能帮你解决什么问题”。工作重复性质太高，有点无聊。 我就又给DeepSeek下指令：“按照我的个人说明书，帮我生成一个介绍页面，包含我的核心标签、服务过的客户、学员评价、主推课程。配色以蓝紫色为主，简约商务风格。” 几分钟后，代码出来了。我丢到Netlify，网址到手。以后再有人问“你是做什么的”，直接甩链接，点开一目了然，不用反复讲，逼格还更高些。 
我的个人介绍网页→ https://yukizhao-knowme.netlify.app/ 第三个尝试是一个心理测评。 之前用问卷星做心理测评题，总觉得界面不够美观好看。 后来我在写AI演员来了，真人演员还有活路吗？时，突发奇想，说是否能搓个网页版本的测评界面。 事实证明 —— 只要你想得到，AI就能做得到（图片里是我用AI生成的测试题和得分交互界面） 
整个生成测评题目和交互结果的过程，我只负责”动口“，AI负责”动手“。 期间我发现它存在计分逻辑错误，也只是用语音告诉它，“你的测试题目中有3题涉及到反向计分，但从结果来看，计分逻辑错误，请调整。” Deepseek就吭哧吭哧帮我重新修改了。 有了这几个小产品的成功，巩固我用AI做网页版应用的信心，此后的一阵子里，陆续搓出来好多个课程训练营的网页介绍，甚至现在我连给客户写方案用的都是html格式的界面了。 做个人介绍页的时候，我想放一张真人照片在网页里。但DeepSeek给我的代码里，图片位置需要填一个“图片URL”。 我哪知道URL怎么弄？ 继续问它：“我不会搞图片链接，怎么办？” 它告诉我可以先把图片上传到免费图床（比如ImgBB、PostImage），然后复制生成的链接。甚至一步一步地把操作路径列了出来。 我照做，五分钟不到，照片就稳稳地出现在了网页上。 整个过程，我没有去学什么“图床原理”“CDN加速”。我的方法是：遇到任何卡点，把问题用“人话”抛给AI，它会给你一个能直接照着做的答案。 这不就是文科生最擅长的事吗？把“我不会”翻译成“我需要什么”，剩下的交给AI。 这一圈折腾下来，我的感受是：文科生用AI做网页，关键不是你懂多少代码，而是你清不清楚——这个网页要解决什么问题、给谁用、想要什么效果。 一旦你想清楚了这三件事，就可以用“人话”告诉AI。 给你一个可以照抄的模板： 就这么简单。你不需要知道什么叫“响应式设计”，什么叫“表单提交”。AI听得懂。 阿里内部有一个叫“秒悟”的AI建站工具，已经有超过1万名非技术岗位的员工在用，包括财务、运营、设计师。Gartner预测，到2026年，超过80%的低代码工具都会集成AI辅助开发功能。全球AI建站的市场规模，2025年是96亿美元，预计2030年将超过280亿美元。 这些数字在说什么？不会写代码就能做网页，已经不是什么“未来趋势”，它就是现在的日常。 我的《做懂业务的人才发展专家》训练营第三期，6月份就要开营了。 去年两期的口碑不错，今年上半年应邀准备再开一期。同时，这一期里还会加上我对AI助力HR懂业务的一些小心得和成功案例。 
报名的网页界面↑↑——也是用同样的方法，“搓”出来的2周前还啥都不会的0代码基础的文科生HR，现在能用AI做出了一个像模像样的训练营介绍和报名网站，想想也是神奇。 关于课程的详细内容，点击“阅读原文”，直接跳转网页查看 —— 这个训练营，教得是让HR理解业务思路，学会洞察人性。 而且对HR人士更友好的一点是：原先很多理论和工具或许你还需要拼命理解和记忆，但现在只要通过改变认知，我在懂业务训练营里搓得几个AI应用智能体，未来正好可以帮上你把问题诊断、业务沟通、动机分析变成”语音输入“→”方案产出“的加速好物。 入口就在下方，名额有限，想来的话，5.1前报名更好，5.1后就恢复原价了，别等到开营前再拍大腿。 📌 往期推荐：如果你对“AI如何放大个人能力”的话题感兴趣，下面文章合你胃口： AI时代下的“AI领导力”，你有吗？ 管不好人的管理者，一定用不好AI Agent AI演员来了，真人演员还有活路吗？ 先别着急养龙虾，AI最基本的功能你用好了吗？ 我们对AI的认知，正在成为一条隐形的“职场斩杀线” 💬 点击下方“阅读原文” ↓↓↓查看用AI做出来的训练营网页原版 ↓↓↓
01 从本地文件到在线站点：让它“活”起来
02 一发不可收拾：个人名片、测评工具…纷沓而至
03 不会加图片，怎么办？继续问AI就行了
04 核心不是技术，是“使用场景”
“我有一个需求是xxxx，它是要给xxx群体使用的，我想看到的效果是xxxx。但我不会操作，也没有很清晰的工作步骤，请帮我生成一个master prompt，指引我一步一步操作，最终帮我做出想要的网页版应用。”
05 我的“HR懂业务”报名网页，也是这么来的
报名的网页界面↑↑——也是用同样的方法，“搓”出来的
本文来自网友投稿或网络内容，如有侵犯您的权益请联系我们删除，联系邮箱：wyl860211@qq.com 。
