这几天有小伙伴们在后台私信小编，说Hexo默认主题太无趣，第三方主题也没找到喜欢的，能不能自己动手DIY网站主页，零基础上手的那种

当然可以！在AI的大时代只要你有想法，就可以被实现！

  

介绍

以前小编主推Cousor，很强大的AI代码器。但是需要魔法网络，而且cousor的免费版仅7天，后续必须付费才可以使用AI，前一阵子还明确限制大陆地区使用

这时候Trae就成为了当下的最优解。Trae是字节旗下的AI代码编写工具（可以理解为Cousor的国内版）

小伙伴们可以去Trae的官网：https://www.trae.ai/ 进行下载

  

使用教程

下载完成后，双击安装就行

打开Trae，首先需要使用手机号注册登录（不登录无法使用AI功能）。主界面长成这样（高情商：很Cursor很像）

这里呢，我们可以新建一个文件index.html作为我们自己编写的主页

比如小编首先让AI帮我生成了一个个人主页，但发现「左右切换按钮」离中间的产品太远了，想要优化一下

首先我可以给Trae上传一个想要实现的效果图片，其次使用语言描述告诉AI你想要改成什么样子

请帮我把产品切换左右的「按钮」，由以前的位置切换成图片中红色箭头标注的位置，其他选项无需修改

Trae和DeepSeek相似，它首先会有一个思考的过程，然后分步骤帮我们进行代码修改

在Trae修改的过程中，会实时询问你是否接受代码修改（当然得接受😂）

甚至AI在修改完代码之后，会自主验证一下修改后代码运行是否正常，是否达到预期（虽然这个验证并不一定准确）

当然，所有的命令执行也是需要我们手动确认的

大概过了1-2分钟，Trae完成了全部思考和修改代码，并且在最后给出了它的修改过程以及修改结果

我们打开 index.html 文件来检查一下它的修改情况。可以看到产品切换的按钮的确被修改像中间靠拢，达到预期（直接上对比图，很明显）

以此类推，你可以让Trae帮你修改很多你不满意的设计。甚至如果你完全没有思路要怎么制作的话，也可以全部交给trae去制作：小编刚开始就是直接打开了几个产品和个人介绍文档，让AI根据这些文档，帮我设计一个属于我的「个人介绍 + 产品宣传」的主页，然后就有了上面修改的 index.html

  

对比

Cursor和Trae都接入了Claude和GPT-4等优秀代码大模型，在代码生成、修改、解释等核心开发任务上能力相当，都能比较好地理解开发意图。比较适合用于中小型项目的开发（如自动化测试、网站主页开发）

但偶尔都会出现未能正确解决问题却声称已解决的情况，或者陷入修改错误的死循环（修改成A后发现错误，修改为B；但B仍然报错，又修改回A，进入死循环）

Trae

• 免费版可用且够用，国内网络可直接访问

• 对中文的理解和交流表现更好一些，对国内用户友好

• 免费版在高峰时段可能需要排队（但小编高强度使用了2天还没遇到过，不知道是不是因为新号的原因）

• 在处理复杂、超长上下文的任务时，和Cursor还是存在一定差距

Cursor

• 起步更早，处理的超长上下文理解和复杂逻辑处理上更强，适合大型企业项目开发

• 需要付费使用（免费版仅7天），且需要特殊上网

• 对中文的理解和处理能力不如Trea（国外大模型通病）

最后呢，大家可以看一下，由我和AI一块儿完成的「个人介绍+产品展示」的主页网站：https://dafei-python.github.io/ 但因为GitHub访问速度的限制，可能需要耐心等待一下。