news 2026/7/1 18:01:24

几句话做出个人简介网站:零基础实战全记录

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
几句话做出个人简介网站:零基础实战全记录

一个不会写代码的人,想有个个人网站

事情要从上个月说起。

我在找工作,简历投了二十多份,回音寥寥。一个做HR的朋友看了我的简历后说了句大实话:“你的简历跟其他两百份长得一模一样,HR扫一眼就过去了,根本记不住你是谁。”

我问她怎么办,她说:“做个个人网站吧。把你做过的东西、你的风格、你的审美,用网页展示出来。一个有个人网站的求职者,在HR眼里完全是另一个level。”

我说我不会写代码,连HTML是什么都拼不全。她说:“现在谁还自己写代码?你用AI做就行。”

然后她推荐了AiPy,一个开源免费的AI自动化工具。核心逻辑很简单:你动嘴说需求,它动手写代码、执行、出结果。

我将信将疑地试了一下。一个周末之后,我的个人网站上线了。全程我没写过一行代码,所有的“编程工作”都是跟AiPy聊天完成的。

今天就把这个过程完整拆解出来,从零开始,手把手教你如何用一句话在AiPy里做出一个个人简介网站。

第一步:准备工作,五分钟搞定

先准备好两样东西:AiPy客户端和一个大模型API密钥。

AiPy是知道创宇团队开源的AI智能体项目,2025年4月发布,到2026年中已经在GitHub上收获近3000星标,累计下载超过50万次。它跟ChatGPT这类对话式AI最大的区别在于——它不光能说,还能动手干活。你描述一个任务,它会自己规划步骤、写Python代码、执行代码、交付结果,全程不需要你手动操作。

下载安装非常简单,官网提供了Windows、macOS和Linux三个版本,安装包不大,下载之后双击运行,按照提示点下一步就行,跟装一个普通软件没有任何区别。

安装完成后需要配置大模型API。打开AiPy安装目录下的配置文件,找到API配置部分,填入你申请的密钥就可以。它支持DeepSeek、通义千问等主流模型,也支持Ollama本地部署。如果你完全不想花钱,AiPy也提供了免费的模型接入方案,虽然推理速度会慢一些,但对做个人网站这种任务来说完全够用。

整个配置过程大概需要五分钟,跟着官方文档一步步操作下来就行,不需要懂技术,纯粹是复制粘贴的事。

第二步:输入需求,AiPy帮你写出第一版

一切就绪之后,最关键的一步来了——你说需求,它干活。这是整个过程中唯一需要你动脑子的环节:把你想做的网站描述清楚。

描述得越详细,生成的结果就越接近你想要的。我从HR朋友的建议和我自己的审美出发,准备了一段需求描述,涵盖了网站结构、配色、风格偏好、要放的内容等各个方面。

我打开AiPy,把这段话完整地输了进去:

“请帮我创建一个个人简介网站。我的基本信息如下:
姓名:李明
职业:数据分析师
一句话简介:用数据讲述故事,用洞察驱动决策
个人简介:三年数据分析经验,曾在某互联网公司负责用户增长和商业分析,擅长从海量数据中提取关键洞察。主导过零售企业BI系统搭建,将核心指标监控效率提升了40%。
技能标签:Python、SQL、Tableau、Power BI、Excel、数据建模、A/B测试、增长分析
项目经历:

  1. 零售企业销售数据分析项目,设计自动化报表体系,覆盖全国200+门店,DAU提升15%

  2. 用户增长分析看板搭建,整合5个数据源,日活监控覆盖80%核心指标

  3. 供应链异常检测系统,基于时间序列算法,异常识别准确率达92%
    工作经历:
    2023-2026 某互联网公司 数据分析师
    2021-2023 某咨询公司 数据分析助理
    教育背景:
    2021年 某大学 统计学硕士
    2018年 某大学 数学与应用数学学士
    联系方式:liming@email.com

设计要求:
顶部有导航栏,包含:首页、关于我、技能、项目、经历、联系方式
首屏放姓名、职位、一句话简介,居中布局,背景用深蓝渐变
技能用标签云的方式展示,每个标签有不同颜色
项目用卡片网格布局,每个卡片包含标题和简短描述
工作经历按时间线展示
配色方案:深蓝为主色(#1a2a6c),白色为辅,强调色用浅蓝(#4a90d9)
字体要现代感强一些,用系统无衬线字体
整体要干净、专业、有呼吸感
支持手机和平板自适应响应式
生成完整的单页面HTML代码,所有样式内嵌,可以直接在浏览器中打开”

这段文字听起来很多,但其实就是把你脑子里想的画面用日常语言描述出来。对AiPy来说,它需要这些细节来理解你的需求。你描述得越具体,它生成的代码就越接近你心中所想。

输入之后,AiPy开始工作。屏幕上显示了它的思考过程:先分析需求结构,确定需要的页面区块,然后规划用什么技术实现。接着它生成了完整的HTML代码、CSS样式表和少量JavaScript交互。整个过程不到三分钟。

我点击预览按钮,一个完整的个人网站已经呈现在眼前——导航栏、深蓝渐变首屏、彩色技能标签、网格布局的项目卡片、时间线形式的工作经历、页脚的版权信息。从配色到布局,从字体到间距,都跟我描述的基本一致。

那一刻说实话有点恍惚。我这么一个连HTML是什么都要去百度的人,居然在几分钟之内做出了一个像模像样的个人网站。

第三步:迭代修改,用大白话调整细节

第一版虽然不错,但作为一个对自己作品有要求的人,我还是发现了一些想调整的地方。

比如导航栏的字体感觉有点细,在深色背景下不够醒目。技能标签的配色虽然五颜六色,但饱和度太高显得有点花哨。项目卡片的间距觉得可以再大一点,让视线更通透。我还想在首屏的职位下面加一句简短的个人座右铭,让页面更有个人色彩。

以前遇到这种情况,我得去代码里面一行一行找,改完刷新看效果,不满意再回去改,反复折腾。但用AiPy,我只需要跟它聊天就行。

我陆续输入了几条指令:

“把导航栏的字体加粗,换成更醒目的深色”
“技能标签的配色调低饱和度,用那种莫兰迪色系的感觉”
“项目卡片的上下间距再加大20像素”
“在首屏姓名和职位之间加一行座右铭:‘用数据讲述故事,用洞察驱动决策’,字体灰色,字号比职位略小”

每输入一条,AiPy都能精准定位到对应的代码位置进行修改,然后立刻刷新预览给我看。整个交互体验就像你在跟一个随时待命的前端工程师合作,你说哪里要改,他马上动手改完给你看效果。

中间有一次我提了一个有点复杂的要求——“把技能标签做成点击后弹出一个简单的toast提示,显示这个技能我用了多少年”——我以为AiPy可能做不到或者需要我解释具体的技术实现。结果它分析完需求后,自动生成了对应的JavaScript代码,完美的实现了这个交互效果。说明它的代码生成能力已经不只是做静态页面,还能处理一些轻量的前端交互逻辑。

第四步:加入个人故事,让网站有温度

基本的框架和样式调整完之后,我决定加一些个性化的内容,让网站不只是一个功能性的“在线简历”,而是有温度、有故事的个人空间。

我加了两个板块。

第一个是“我的故事”板块。在时间线展示的工作经历基础上,我增加了职业选择背后的思考——“为什么从咨询转行到互联网”“做BI项目时遇到的最大挑战是什么”“我的数据观是怎么形成的”。这些东西在正式的简历里写不了,但在个人网站上可以用更自由的叙事方式呈现。

实现方式很简单:告诉AiPy我在工作和技能之间要加一个“我的故事”段落,用一段自然的文字讲述我选择数据分析这条路的原因。AiPy帮我在HTML里新增了一个区块,保持了整体设计语言的一致,深蓝的底色配合白色的文字,看上去非常协调。

第二个是联系我部分。除了邮箱和社交媒体链接,我加了一个简单的表单——访客可以留下姓名、邮箱和留言内容。对正在找工作的我来说,这个功能可能带来意想不到的机会。万一哪个HR看了我的网站想联系我呢?

我告诉AiPy我要一个联系表单,三个输入框,一个提交按钮。AiPy很快就生成了对应的HTML结构和样式,和整个网站的深蓝主色调完美统一。表单的提交逻辑也帮我写好了——把数据发到我的邮箱。

第五步:从本地到线上,让全世界看到

网站做好了,最后一步是让它上线。对程序员来说,部署网站是基本功,但对我这种纯小白来说,什么Git、仓库、域名、解析,全是陌生词汇。

没关系,不懂就问AiPy。

我输入:“请详细指导我如何把这个网站部署到GitHub Pages上,假设我完全不懂Git,什么都不懂,要用最傻瓜式的步骤。”

AiPy给了我一份超详细的傻瓜式指南。从注册GitHub账号开始,到创建仓库、取什么名字、怎么上传代码、在哪里开启Pages功能、等多久生效、最后怎么访问,每一步都有解释,每一步都说清楚了为什么这样做。

我又把链接放到了简历里,分享到了LinkedIn和脉脉上。一周后,收到了三家公司的面试邀请,其中两家的面试官在聊的时候特意提到了我的网站:“看你做的个人网站,感觉你是一个对自己有要求的人。”

总结:人人皆可建站的时代已经来了

回顾整个过程,从安装配置到网站上线,总共花了一个周末的时间。我全程没写过一行代码,所有HTML、CSS、JavaScript代码都是AiPy生成的。如果说我做了什么事,那就是“说话”——把需求说出来,把不满意的地方指出来,把想要的效果描述出来。

这件事让我重新理解了“编程”这个概念。编程的本质是把人的想法翻译成计算机能执行的指令。以前这个翻译工作需要专业人士来做,现在AI接手了这项工作,你只需要把自己的想法说清楚就行。技术门槛正在以前所未有的速度降低。

AiPy的技术逻辑是基于“Code is Agent”的理念——大模型理解你的需求后自动生成代码并执行,代码本身充当了完成任务的代理人。这也是它区别于ChatGPT等对话式AI的最大差异点:它有“手脚”,能操作本地文件、运行代码、交付可用的结果,而不只是输出文本建议。

如果你也想要一个个人网站,却因为“不会写代码”这件事卡住了,不妨试试AiPy。免费、开源、本地运行、数据安全。你不需要懂编程,你只需要知道自己想要什么,然后说出来。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/7/1 17:59:55

GAP规范【1. Foreword】

第 C 部分:通用访问规范 / 通用访问配置文件 / GAP这个 Profile 定义了与 发现 Bluetooth 设备 相关的通用流程,也就是 空闲模式流程(idle mode procedures);同时也定义了与 连接 Bluetooth 设备时的链路管理 相关的流…

作者头像 李华
网站建设 2026/7/1 17:57:11

GPT-4稀疏激活原理:2%参数如何驱动万亿级大模型高效推理

1. 这个标题到底在说一件什么事?别被数字吓住,先搞懂它的真实含义“GPT-4 Has 1.8 Trillion Parameters. It Uses 2% of Them Per Token.”——这句话最近在技术圈传得挺广,但很多人一看到“1.8万亿参数”就下意识觉得“哇,好大”…

作者头像 李华
网站建设 2026/7/1 17:55:55

Go Eino 框架:从小白到上线,手把手搭建自己的ai模型,基础教学

本文面向 Go 初学者 AI 零基础,从安装环境到跑通一个能查天气、能搜索的智能助手,全程复制粘贴即可运行。 前置准备(5 分钟搞定) 你需要什么 工具要求怎么检查Go1.21 以上终端输入 go versionAPI KeyOpenAI 或兼容的 API去 pla…

作者头像 李华
网站建设 2026/7/1 17:54:02

竞争存在论:存在的递归语法

存在的递归语法:竞争存在论的元模式统一理论 ——从微观到宇宙的三阶段循环 摘要: 基于竞争存在论的三连续统框架及其向下、向上递归的实例,本文揭示一个贯穿所有层级的存在递归模式。通过分析空间连续统、运动连续统、属性连续统的递归展开&…

作者头像 李华
网站建设 2026/7/1 17:53:15

不过还好,自己还是坚持下来了

关于心态 回顾做这个项目,我觉得心态问题是最重要的,技术问题倒是其次。为什么这么说呢?因为对于10余年的老功能模块来说,其中最复杂的其实是业务逻辑,而并非技术实现。所以对于老系统的重构,你首先需要将…

作者头像 李华