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

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

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

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

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

登录成功之后点击创建新站点使用Git按钮。

image.png

选择GiitHub,这时候会弹出授权登录的窗口,直接点击授权就可以。


image.png

选中刚才提交到GitHub的vue项目。


image.png

选中需要发布的分支,填写编译命令和发布目录(生成目录)。点击发布按钮就OK了!!


image.png
image.png

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

推荐阅读更多精彩内容