用gpt自建网站（零基础小白实操版）

最近待业在家，没事可干。
之前看到@哥飞 大大写的「养网站防老」系列文章。于是想尝试下自建站。

本人编程半小白：不会写代码，只知道html、css、javascript分别是什么用的、代码结构，但不知道字段和代码的具体意思。
但在gpt的帮助下，用一个下午就完成了一个自建网站的设计、部署、上线。
网站大概长这样，不复杂，但基本用到了所有前端必备知识，很适合零基础建站。

我把建站详细过程分享出来，纯小白也能够根据步骤实现自己的网站。

一、我是怎么做的/自建站的步骤
主要根据@哥飞 大大提供的教程，针对性做了简化，更适合小白人群。教程地址：https://mp.weixin.qq.com/s/mtJY6TKCVjZQRmeFkWPAfQ

1. 确定想要做什么样的网站【必要】
网站的主题、满足了什么样的用户需求、希望放置什么样的内容。

2. 分析需求可行性【可选】
利用similarweb、aizhan、semrush等网站分析「类似主题站点的关键词+自然流量（搜索导流的日访问量）+SEO难度（即搜索量增长难度）」，验证这个网站ROI是正的，值得做，会有人用。

3. 网站设计和写代码【必要】
- 1）画出网站页面的原型草图【可选】
- 2）使用gpt生成代码，用代码实现草图，在本地浏览器上展示网站【必要】。简单版只需要3个步骤（prompt已在图里给出）
①描述你的原型草图，让gpt生成html代码
②在本地新建一个txt文件，将html代码复制进去，另存为html后缀
③用浏览器（如chrome等）打开html，查看你的网站实际的样子。到这一步，恭喜你，你的网站就已经设计好了
复杂版就再加上css、javascript代码，优化样式功能，这里就不展开了，详见飞书文档：https://tbt4abhdgs.feishu.cn/wiki/G2AwwDNSbikpIXkblYKcnHu5nTe?from=from_copylink

4. 联网，让其他用户可以根据url访问你的网站【必要】
直接参考@哥飞的养网站防老教程第7步。联网比网站设计复杂，因为共使用了4家的产品，可以根据教程一步步搞。
- 1）注册域名，即网站url（我用的阿里云，需付费，￥100内/年）
- 2）域名解析，用cloudflare解析DNS服务器地址（支持域名访问网站）

ChatGPT真是旅行神器，轻巧解决求知欲。曾经「不知道也行但知道更好」的事情，现在都想问问👀