使用netlify发布自己的静态网站项目

通过Netlify平台结合GitHub,实现Vue或React项目的快速线上部署及预览。只需简单几步,即可让他人在线查看你的项目效果,每次代码更新都会自动发布。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

平时做的一些vue或者react项目想线上部署之后可以让别人预览,可以通过netlify这个平台实现。配合GitHub使用,真的很方便。

创建vue项目,推送到远程代码仓库。

vue create netlify-app
git remote add 你的仓库地址
git push -u origin master

打开https://www.netlify.com/注册账号,建议直接使用GitHub账号进行登录。

登录成功之后点击创建新站点使用Git按钮。
在这里插入图片描述
选择GiitHub,这时候会弹出授权登录的窗口,直接点击授权就可以。
在这里插入图片描述
选中刚才提交到GitHub的vue项目。

在这里插入图片描述
在这里插入图片描述
成功之后会弹出可以预览的地址,点击打开就可以了。以后每一次代码修改之后提交到GitHub就会自动发布。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

温柔小生

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值