用gpt自建网站(零基础小白实操版)
用gpt自建网站(零基础小白实操版)
最近待业在家,没事可干。
之前看到@哥飞 大大写的「养网站防老」系列文章。于是想尝试下自建站。
本人编程半小白:不会写代码,只知道html、css、javascript分别是什么用的、代码结构,但不知道字段和代码的具体意思。
但在gpt的帮助下,用一个下午就完成了一个自建网站的设计、部署、上线。
网站大概长这样,不复杂,但基本用到了所有前端必备知识,很适合零基础建站。
我把建站详细过程分享出来,纯小白也能够根据步骤实现自己的网站。
一、我是怎么做的/自建站的步骤
主要根据@哥飞 大大提供的教程,针对性做了简化,更适合小白人群。教程地址:
1. 确定想要做什么样的网站【必要】
网站的主题、满足了什么样的用户需求、希望放置什么样的内容。
2. 分析需求可行性【可选】
利用similarweb、aizhan、semrush等网站分析「类似主题站点的关键词+自然流量(搜索导流的日访问量)+SEO难度(即搜索量增长难度)」,验证这个网站ROI是正的,值得做,会有人用。
3. 网站设计和写代码【必要】
- 1)画出网站页面的原型草图【可选】
- 2)使用gpt生成代码,用代码实现草图,在本地浏览器上展示网站【必要】。简单版只需要3个步骤(prompt已在图里给出)
①描述你的原型草图,让gpt生成html代码
②在本地新建一个txt文件,将html代码复制进去,另存为html后缀
③用浏览器(如chrome等)打开html,查看你的网站实际的样子。到这一步,恭喜你,你的网站就已经设计好了
复杂版就再加上css、javascript代码,优化样式功能,这里就不展开了,详见飞书文档:
4. 联网,让其他用户可以根据url访问你的网站【必要】
直接参考@哥飞的养网站防老教程第7步。联网比网站设计复杂,因为共使用了4家的产品,可以根据教程一步步搞。
- 1)注册域名,即网站url(我用的阿里云,需付费,¥100内/年)
- 2)域名解析,用cloudflare解析DNS服务器地址(支持域名访问网站)