什么是Netlify?Netlify是一个现代网站自动化系统 , 其JAM架构代表了现代网站的发展趋势 。所谓JAM,就是指基于客户端JavaScript、可重用API和预构建Markup标记语言的三者结合 。
有了Netlify,我们只要在本机Git中写前端代码,然后推送它 , 网站就能完美地对外呈现 。不需要购买网站 。个人感觉类似于一个网站托管工具
那怎么将网站托管到Netlify呢?
至于登录 Netlify,直接使用 Github账号密码登录即可 。新建站点使用
我第一次登录Netlify,真的是曲折的经历啊 , 发邮件和他们battle 。(大约3小时内解决)
github
授权登录 netlify 。在主页点击 Sites
按钮进入页面![如何使用netlify部署vue应用程序](http://img.zhejianglong.com/231017/21525SS3-0.png)
文章插图
点击
New site from git
按钮,新建站点![如何使用netlify部署vue应用程序](http://img.zhejianglong.com/231017/21525W5V-1.png)
文章插图
选择你仓库所在的仓库(如果之前没有授权,会有授权步骤)
![如何使用netlify部署vue应用程序](http://img.zhejianglong.com/231017/21525V341-2.png)
文章插图
选择好后
构建选项
build command
: 如何构建生成静态文件资源 , 一般会是npm run build
publish directory
: 静态文件资源目录,一般会是public/dist
等目录
![如何使用netlify部署vue应用程序](http://img.zhejianglong.com/231017/21525Vc7-3.png)
文章插图
点击Deploy site部署站点
【如何使用netlify部署vue应用程序】
![如何使用netlify部署vue应用程序](http://img.zhejianglong.com/231017/21525VQ9-4.png)
文章插图
部署成功
![如何使用netlify部署vue应用程序](http://img.zhejianglong.com/231017/21525VR0-5.png)
文章插图
点击卡片进去设置属性
![如何使用netlify部署vue应用程序](http://img.zhejianglong.com/231017/21525TP2-6.png)
文章插图
配置二级域名
![如何使用netlify部署vue应用程序](http://img.zhejianglong.com/231017/21525R042-7.png)
文章插图
此时访问https://creative-bunny-94cae1.netlify.app就可以展示啦
推荐阅读
- 支付宝如何关闭注销(支付宝里有钱能注销吗)
- 如何注销一个人的支付宝(怎么注销另外一个支付宝账户)
- 支付宝账户如何注销,支付宝账户注销不了怎么办
- 手机qq怎样建群(如何建一个qq群)
- 如何通过执行SQL为低代码项目提速?
- 【前端必会】使用indexedDB,降低环境搭建成本
- NLTK/spaCy 自然语言处理NLP程序包使用总结
- QQ上如何建群(如何在qq上创建群聊)
- 「产品运营」研发效能之DevOps平台如何运营?
- 持续集成指南:GitLab 的 CI/CD 工具配置与使用