个性化网站非常实用，无论用于展示作品、作为在线简历还是记录博客，都能让人眼前一亮。然而对于不懂代码的普通人来说，搭建网站门槛不低——买服务器、配环境、学代码、配域名，光听这些词就让人打退堂鼓了。市面上的建站工具要么收费贵，要么模板僵化，难以满足个性化需求。那有没有一种方法，无需写一行代码，就能低成本、快速上线一个漂亮的个人网站？下面我借助 AI 助手 hermes-agent（简称"hermes"），仅用2个步骤 4 条简单指令，完成建站、部署与公开访问全流程。在开始介绍操作前，先看一眼生成的网站效果。
图：网站首屏效果，有视觉冲击力、极简
步骤一：一键安装 hermes 在本地跑起来
首先，可以在自己的电脑上安装 hermes。别担心安装麻烦，不管是 Linux、Mac 还是 Windows 安装都很简单，只要在电脑终端里执行一条简单的安装命令就行。
curl -fsSL https://raw.githubusercontent.com/NousResearch/hermes-agent/main/scripts/install.sh | bash
安装的过程中，选择一下模型就行。Qwen3.6 系列最强的开源模型 qwen3.6-27b 前两天正好发布了想试试效果，在选择模型时选了它。因为本地电脑配置有限没法部署参数这么大的模型，就先选择云服务商提供的在线版本模型来跑任务。
图：安装成功直接进入 hermes 对话界面
在最终安装结束后，就会进入 hermes 的对话界面，这个时候就可以开始指挥它去完成我的任务了。
提示：
如果是 Windows 安装会麻烦一点，要多执行一个命令装个 WSL2 （在终端里输入 wsl --install 就能安装 WSL2 了），然后在 WSL 里面跑上面那条安装命令 。
步骤二：生成个人网站并公开访问
现在可以直接在对话框里告诉 hermes 任务需求。不需要任何专业的编程术语，就像和朋友聊天一样。
给 hermes 第一条指令：
“按以下要求写个网页，然后把它部署起来，要求如下：为一位获得 Awwwards 提名的设计师设计个人网站，网站特色包括大面积留白、超大衬线字体标题、可跟随鼠标移动的自定义光标、鼠标悬停在作品集图片上时可切换视角、页面滚动时文字带有视差效果，以及仅以黑白为主色调，并以亮橙色点缀的配色方案。”
图：给 hermes 第一条指令
收到指令后，hermes 会立刻开始工作。它会自动编写 HTML、CSS 这些代码，构建出网站的骨架和样式。几分钟后，我收到了它下面这样的回复。
图：hermes 执行了第一条指令并去主动部署
它不仅把网站开发完了，还把它部署起来了。既然部署起来了那正好在本地预览一下网站，看看 qwen3.6-27b 模型在 hermes 加持下网页设计开发的效果，预览可以看到一个排版精美的网页已经构建完了。如果不满意，还可以继续对 hermes 提出修改意见，比如“把标题字体调大一点”、“把背景换成纯白色”，它都会不厌其烦地调整到满意为止。
图：本地预览个人站，只能自己访问，qwen3.6-27b 模型生成的网站
在这个过程里我还使用 Qwen3.5 系列的开源旗舰模型 qwen3.5-397b-a17b，也是用的第一条指令去创建的网站，效果如下。
图：本地预览，qwen3.5-397b-a17b 模型生成的网站
通过对比，感觉 qwen3.6-27b 生成的网站效果在多语言一致性效果比较好，使用的都是同一类文字，没有中英文混用，且内容上也更丰富一些。
预览后我有点好奇它是怎么部署的，然后开始问它。
给 hermes 第二条指令：
“你是通过什么方式把这个网页部署起来的？”
图：询问 hermes 部署使用的什么方式
从它的回复里看到它部署的方式，不过这种方式仅能让我一个人访问，这和预期公开访问的目标有一点差距。好在它还贴心地给出了公开访问的部署方式。GitHub Pages 这个免费的开发者工具就很合适，不用购买维护服务器，直接部署到它上面。
因为有 hermes 在，可以不用管 GitHub Pages 这个工具怎么使用，不需要手动操作，直接让 hermes 去操作就行了。
给 hermes 第三条指令：
“现在把它推送到 Github 然后用GitHub pages部署”
图：给 hermes 第二条指令要求部署到 GitHub Pages
要求 hermes 部署到 GitHub Pages 后有些麻烦的是它会要求我们去做两件事：一是创建 PAT（Personal Access Token），二是提供 4 个信息项。这看着有点复杂，好在 hermes 提供了创建 PAT 的流程和对应的访问地址。（这需要有个 GitHub 账号）
图：访问 PAT 的创建地址，选择对应选项
图：勾选对应内容，滚动到页面底部确认创建 PAT
图：把创建好的 PAT 复制保存起来
创建好 PAT 之后就能把它给 hermes，要求它开始部署了。
给 hermes 第四条指令：
“我的用户名 xxx , 邮箱 xxx, 密钥ghp_bixxxxxxxxxxxxxxxx， 想创建的仓库名 hermes-design-html”
图：给 hermes 第四条指令，用于告诉它 GitHub 信息；注意把指令中xxx替换为你的真实信息
图：hermes 完成部署并返回公开访问的地址
可以看到最终部署好了，并给出了公开访问的地址，再去预览看看网站效果。
图：预览个人站首页，公开访问
图：预览个人站 services 区域，公开访问
感觉效果还不错。在整个过程里 hermes 会自动帮助完成一系列繁琐的操作：初始化 Git 仓库、连接到你的 GitHub 账号、上传代码，并配置好 GitHub Pages 。hermes 能自动完成这一系列操作，是因为靠内置的几十个技能，这些技能写好了怎么去处理各种任务时执行的流程、用到的工具。
网站更新也不愁
网站上线只是第一步，后续的维护和更新同样重要。不用担心自己不懂代码，以后想换张新照片或者直接换个网站风格该怎么办？有了 hermes，这完全不是问题。比如想换个网站风格，在 awwwards 这样的设计类网站上发现很多设计非常符合自己审美的网站，挑选一个，然后让 hermes 把个人站风格替换以下，只需再次打开 hermes 告诉它需求，例如：
“修改为 https://catalinonutu.com/ 风格。”
图：给 hermes 指令，要求替换个人站风格
图：hermes 执行指令，理解参考网站与重构个人站
图：hermes 执行指令，部署重构后个人站并检查
图：预览风格重构后的个人站
这次替换网站风格，我没有给 hermes 提供具体的风格描述指令而是直接给了它一个网站链接。这就要求 hermes 有能力先去访问参考网站、总结网站风格，然后再去修改个人站。
风格重构任务碰到的坑是， hermes 不仅把风格重构，还把内容替换了，这就需要在风格重构的同时在指令里要求 hermes 保留原来的内容。
以上，hermes 会自动找到对应的代码进行精准修改，整个更新过程行云流水，你只要给 hermes 发条指令，剩下的活全由 AI 代劳。
结语
从“想有一个站”到“真的能被访问”，比想象中简单多了。回顾整个过程，从产生建站的想法，到网站真正上线被公开访问看到，没有写过一行代码，也没有花钱去购买服务器。
hermes 的出现不仅极大地降低了建站的门槛，更赋予了普通人将创意转化为现实的能力。
会不会觉得刚才要用四条指令创建个人站还是太麻烦了，试试合并成一条指令，看 hermes 还能不能把活干完。
“按以下要求写个网页，然后把它部署起来，要求如下：为一位获得 Awwwards 提名的设计师设计个人网站，网站特色包括大面积留白、超大衬线字体标题、可跟随鼠标移动的自定义光标、鼠标悬停在作品集图片上时可切换视角、页面滚动时文字带有视差效果，以及仅以黑白为主色调，并以亮橙色点缀的配色方案。然后把它部署到GitHub pages, GitHub 用户名 xxx, 邮箱 xxxxxxxxxx, 密钥ghp_xxxxxxxxx， 创建仓库名 personal-html”
如果你也一直渴望拥有一个属于自己的个性化网站，却苦于不懂技术门槛而迟迟没有行动，那么现在就复制上面的合并指令去尝试一下吧。
(如果这篇文章对您有所帮助，请帮忙 关注 并 转发，谢谢！)
参考链接
- https://hermes-agent.nousresearch.com/docs/getting-started/installation/#quick-install
- https://github.com
- https://github.com/settings/tokens
- https://www.awwwards.com
- https://api-docs.deepseek.com/zh-cn/news/news260424
