前言
大家作为资深老网民，想必都有过想要拥有自己的 门户网站。
或苦于技术领域限制、专业错误 和 没时间的苦恼，大部分兄弟可能没有属于自己的网站。
那么今天 0基础 、 0代码 、全流程 的保姆级教程来了。
构想
首先我们自己要对自己的门户网站有个起始的构想，你可能不够专业，那我们就问专业的。
笔者采用的是 ChatGPT ，作为全球综合能力最强的AI，还是很令人放心的。
因此，我仅仅给出了自己的身份、技能、需求和想法，其他任由它肆意发挥。
这样我们就得到了一份，对我们门户网站的起始构想，接下来就由 构想 ——> UI。
Mastergo
什么是MasterGo？
MasterGo是一款面向产品设计团队的云端协作平台，集 AI 智能设计、原型制作、界面创作 与 开发交付 于一体，提供从构思到落地的全流程、一站式高效协作体验。
借助AI自动生成界面布局、组件样式与交互原型，设计师可快速完成创意探索与高保真设计，显著提升设计效率与协作体验。
构建UI
来到Mastergo,我倍感亲切
- 不用动脑子🧠想UI界面的设计（虽然想了也是一坨🥲）
- 不用动手写生疏的网页代码🤤
- 小嘴一张，我超勇的（随便给mastergo小老弟提提意见、上上强度😎）
第一版
简简单单把 ChatGPT 的想法给他一看，它库库响应了一堆页面设计的细节和动画效果。
那还说啥，小手一点就是开始。
第二版
对没有 炫酷背景效果 和 我的联系 方式表达了不满。
拿来主义
轻轻松松，我完成了UI界面的设计，小图一拿，源码一粘。
提桶跑路喽，去找我的 Trae 哥哥帮我干活了。
Trae
💡Trae的小知识
对于 Trae 哥哥，大家在金主爸爸铺天盖地的宣传下，想必都略有耳闻
Trae 是一款以 AI 为驱动力的智能编辑器，集创作、设计与自动化于一体，助你高效构建和发布的 AI 应用。
但是你且看看，你的 Trae 有几分像我的这般英俊。
没错有些兄弟下的可能是 .cn 域名下的 Trae，那样的话里面内置的模型都是国内的，和国际版的还是略有差距的。
但是你想要用的痛快和过瘾，需要每月上供 3💲, 大家智者见智、能者见能吧。
可以用 支付宝 支付💴，还是方便的。
构建项目
整理文件
我首先将 个人信息.md 、页面说明.md、参考页面.html 、 各类 图片 和 logo，进行了整理。
最终放置在了 /example目录下, 给 AI 进行参考。
构建项目
大家可以看到，每一轮给出指令，Trae 都会规划出完整的 任务流 , 按步骤一一执行。
秉承着 事不过三 的原则，第三轮给出了我满意的答案。
这样也迎来了最后一步，部署上线。
部署上线
作为一个简单的门户网站 demo ,部署上线不要太容易了。
一个轻量级服务器，一个十几块的域名，就可以了。
上传代码
把我们的代码
上传至指定目录
修改配置
修改
nginx配置文件:
端口、域名或ip 和 路径正确即可。
保存完配置文件之后，在命令行中
检查、重载一下你配置文件就行了。
nginx -t # 检查配置是否正确
sudo systemctl reload nginx # 重新加载配置
访问测试
