使用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就会自动发布。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 世界很美好,真的!
    86ccb2a6c40e阅读 75评论 0 1
  • 诗人在乡间采风 偶然遇见对面 挑着粮食赤着双脚的女子 调皮的风儿微微 吹皱了她的眉头 活泼的太阳浅浅 晕红了她的脸...
    舒心的话阅读 2,455评论 22 149
  • 昨天为了去NLP家宴,坐地铁,莫名就从龙华地铁站出来了,我的眼光马上被一个高高的塔吸引了目光。我猜测这里是龙华...
    西域小达阅读 447评论 0 2