百度360必应搜狗淘宝本站头条
当前位置:网站首页 > SEO教程 > 正文

小白无脑也可以做网站 0基础做网站

gaoyangw 2024-10-08 02:47 13 浏览 0 评论

朋友们,今天我要带你们体验一下自己开发网站,而且指哪打哪的快乐!本篇文章用到的工具链接放在文章最后啦(图文教程更加简单轻松,视频教程更加详细哦~)

只要几分钟,你就可以通过AI完成一个个人网站,而且还能部署让别人访问,就像这样!


Cursor准备

首先,我们先去官网下载一个Cursor,它有免费的套餐。安装好之后我们直接打开它,也别管他什么项目结构,咱就是啥也不懂,咱主打一个全靠AI


打开之后呢,我们先去装一个中文包:

1. 点击扩展应用,搜索“中文”,下载一下

2. ctrl shift+p,调出小框,输入display,选language,再点“中文”

3. 重启应用,就是中文啦~


我们再去建一个文件夹,我们今天的代码都存在这里。

然后在Cursor里点打开文件夹,打开刚才我们建的那个。

最后我们去设置里,打开features,打开composer,这就是我们主要使用的功能了。


整理你的需求

我们先不着急开动,先整理一下自己的需求。我呢,找Claude聊了几句

·我想设计一个个人网页

·页面有轮播照片

Claude给出的设计呢,我们也不用太纠结,边做边调


代码生成

我们回到Cursor,直接ctrl+I,调出刚才的ComposerAI对话界面,把刚才的设计要求直接粘贴进去。

好!我们直接发送,它就开始夸夸写代码了,还自动创建了新的文件夹,我们点“accept”接受它写的就OK啦~

有的朋友可能会发现网页有一些问题,比如什么都看不到之类的,别慌,遇到任何问题都直接跟它提,“现在什么都没看见哦”。

再比如我要求它把所有的“您的名字”的位置都换成“秋芝2046”,虽然我们自己改起来也很简单,但我就不,就是动嘴~

就这么跟他对话几轮,你就能有这么一个个人网页啦~


部署上线

我们用github+vercel一键部署,免费还简单

我们登录github,点“new”新建一个代码仓库,把准备阶段建的那个文件夹直接传上去。

然后就去vercel,我们同github账号登录,我们新增一个项目,把刚刚在github上传的代码仓库导入进来,点击部署!点击visit!

好啦!这样你就获得了一个个人网页啦!你可以转发给你的朋友,他们都能够访问到哦。希望大家把成果放在评论区,让我们去逛逛~


我是秋芝!我们下次聊啦!别忘了去看我的视频帮我点赞哦嘻嘻 !

感恩朋友们支持~



本文用到的3个工具链接在这里~??

Cursor:https://www.cursor.com/

Github:https://github.com/

vercel:https://vercel.com/


?

END

?

转发内容来自秋叶2024,如有侵权联系删除

相关推荐

用AI软件在线批量查询快递动态,依关键字一键查指定单号

还在一个个复制粘贴快递单号?还在海量物流信息里找得眼花缭乱?首助编辑高手给你带来快递查询新姿势!AI加持的批量查询功能,不仅能同时追踪上百个快递动态,更能通过关键字一键锁定目标单号,就像给快递装了GP...

掌握Filter函数:轻松实现关键字模糊查找技巧

在工作中,我们需要根据某个关键字来查找相关的数据。比如,你想知道姓“李”的人员信息,或者姓“张”相关的信息。这时,我们就需要用到Excel中的模糊查询功能。...

关键字(关键字名词解释)

敬请老师批改。七律:普通人的命运或(命运)人生苦短命不同,有贫有富命多种。粗茶淡饭无痒痛,早鱼晚肉腹脂中。辛勤劳作身强健,空闲玩乐病多连。,...

装修网购省钱技巧,搜索“原产地+关键词”,能省好几万

砸锅卖铁买套房,谁能想到啊,后期装修如此烧钱,230万都不一定够。所以啊,装修买东西,能省则省,我推荐大家网购,比实体店便宜很多。不过大家网购注意技巧,搜索“产地+关键词”,这样既保证了价格便宜,而...

Excel快速定位关键词所在行号列号,告别繁琐手动查找!

我是【桃大喵学习记】,欢迎大家关注哟~,每天为你分享职场办公软件使用技巧干货!——首发于微信号:桃大喵学习记今天跟大家分享的是在Excel中快速查找关键词所在行号列号,通过精妙的公式组合可以快速定位关...

亚马逊快速寻找关键词的方法(亚马逊怎么快速找关键词)

亚马逊写链接需要找到精准关键词,先找到8-10个同行链接的asin图2,图3,粘贴到集合链接搜索狂框内,图4,所有同行链接都出现在亚马逊前天界面,这时候直接把同行链接标题里面的精准关键词扣下来进行排列...

干货收藏!高考填报志愿要了解的16个关键词

2024年高考已落下帷幕,考生即将面临志愿填报。什么是批次录取控制分数线?什么是院校调档分数线?平行志愿和顺序志愿有什么区别?16个关键词帮你了解高考志愿填报,转存!@人民日报来源:上海发布...

标品必看,关键词抢位助手的玩法(抢注关键词)

但凡是一个标品,那你一定知道展现的位置直接影响点击率和转化率。...

这16个关键词,高考报志愿一定要了解!

2024年高考已落下帷幕考生即将面临志愿填报什么是批次录取控制分数线?什么是院校调档分数线?平行志愿和顺序志愿有什么区别?16个关键词了解高考志愿填报↓↓转自人民日报微博来源:沈阳日报...

在 Excel 表格中模糊查找关键字,简配高配方法都有了

很多同学会觉得Excel单个案例讲解有些碎片化,初学者未必能完全理解和掌握。不少同学都希望有一套完整的图文教学,从最基础的概念开始,一步步由简入繁、从入门到精通,系统化地讲解Excel的各个知...

找到自己人生的关键词(找到自己的人生价值)

找到自己人生基因上的东西,再专注他,放大他。人生不是庸庸碌碌的,如能在很早时就找到自己刻在骨子里的东西,那就是莫大的喜悦。人生的上半场是用来尝试,寻找的,人生中半场是用来找到自己的关键词,不要多一个足...

干货收藏!高考报志愿要了解的16个关键词

2024年高考已落下帷幕,考生即将面临志愿填报。什么是批次录取控制分数线?什么是院校调档分数线?平行志愿和顺序志愿有什么区别?16个关键词了解高考志愿填报!(人民日报)来源:河北新闻网...

Excel多条件筛选别硬扛!FILTER函数3秒搞定N个关键字

今天咱们要攻克一个让无数据人头疼的难题:...

按关键字提取数据,学会方法很简单

小伙伴们好啊,今天咱们分享一个常见的数据提取问题——按关键字提取数据。...

告别熬夜整理!你的AI知识库该学会自己”觅食”了:关键词自动检索+资料归档+整理汇报

在信息爆炸的时代,整理和管理知识成为了一项艰巨的任务。本文将介绍如何利用AI技术,让知识库能够自动“觅食”,实现关键词自动检索、资料归档和整理汇报。之前分享过产品经理怎么用AI搭建你的专属知识库?(保...

取消回复欢迎 发表评论: