|
本帖最后由 ferven 于 2024-3-1 22:49 编辑
本人编程半小白:不会写代码,只知道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服务器地址(支持域名访问网站)
- 3)提交代码到github仓库(代码云端管理+支持云服务器部署代码)
- 4)将github仓库的代码部署到Vercel(免费服务器)
- 5)在浏览器输入URL,可以直接访问网站啦!
5. 在搜索引擎申请收录网站,让用户能够搜关键词查到你的网站并访问
直接参考@哥飞的养网站防老教程第8步
- 1)打开搜索引擎,搜索 site:xxxx域名xxx,在展示结果里 进入网站收录
- 2)新建站点地图的xml文件,提交到 对应位置,然后等待收录成功就行
谷歌和百度大同小异,先弄谷歌,再弄百度就简单。按照教程来就行
详见飞书文档:
二、在建站过程中用到的prompt
gpt我使用的是kimi.ai(网址:)。免费可用,无次数限制,也不用翻墙,体验不错
我在建站过程中用到比较有用的prompt(如图2)
- prompt1:根据设计草图 给出html代码
- prompt2:给出css代码
- prompt4:解释代码的意思
- prompt5:分析代码问题,修改代码
注:
来自@aigc1024
|
-
-
上一篇:全网首发!奇幻全套源码,都进来看下一篇:开源 CF2.0 TCII变态版本(加追敌和跳舞)
|