用Gemini 3 pro做了一个炫酷网站，并且成功上线GitHub

今天就给大家带来一篇我研究后的教程。我是对比了各种工具和难易程度，找到了一个最简单，不花钱，能自己定制域名，并且上线后国内能正常打开的工具流。

搞定后，你能发布自己做的内容，并且让其他人通过一个链接就能看见，游戏的话还能直接玩。

现在，你只需要跟着我的教程一步步做，相信我，你肯定也能学会。

像我们设计师找工作肯定会用到作品集，那做一个在线的作品集网站肯定是效果更好的，到时候发作品过去不是一个死的pdf，而是一个带动态的有设计感的在线链接，那多半是对作品展示效果加分的。

所以，我今天会以一个个人作品网站为例子，带大家完成一个产品从0-1上线的完整过程。

先看下最终效果，

可以先看下网站录屏，Gemini的审美还是不错的，我没有给它任何参考的情况下，一把做成这样还是让我惊讶的。

如果你用电脑打开上面链接，会长这个样子：

而且，它居然还做了手机端的自适应布局。如果你用手机打开，又会长这样：

好，具体怎么做出来的呢？下面分享我做的步骤：

第一步，先把网站用Gemini 3 pro生成出来。

1、通过提示词生成网站的框架。我写的提示词也特别的大白话：“我是一个设计师，请帮我设计一个炫酷的个人作品展示网站，并且能够上传我的作品，请帮我完善这个完整的核心功能，框架等等”。

你也改成你想做的网站类型，就像跟一个人讲话就行，甚至讲的比较模糊它都能给你搞。

2、复制它写的网站框架中跟你要设计的网页有关系的部分，不管三七二十一，直接复制就完事。然后在Gemini 的Bulid中贴进去，就可以开始生成了。

对于Build不是很了解的，可以看我的上一篇教程《我用Gemini 3 pro ，10分钟写了一个算命APP，还迭代了N版》

我做的第一版效果基本上就能正常打开了，过程中我发现它居然自己是可以自动修bug的，难怪现在跑出来的结果基本都没啥大问题，比之前的AI工具稳多了。

然后我大概通过几个优化，稍微改下细节问题，就把这个网站优化的差不多没问题了。

因为今天的重点是讲如何发布，所以这里如何优化我就不详细写了。如果你对我如何优化感兴趣，可以通过这个链接查看我完整的优化过程。

好，下面讲讲今天文章的重头戏：

试读已结束，请付费阅读全文。

￥ 2.00 付费阅读

  本文只能试读37%,付费后可阅读全文。