使用 github 或者 gitlab 登陆 netlify
首先,打开 netlify 网站(https://app.netlify.com/)
然后使用 github 或者 gitlab 账号登录
根据 github/gitlab 仓库创建网站
点击 New site from Git 按钮 然后选择仓库所在的平台已经需要部署的仓库
注意
- 部署分支,默认 master
- 打包命令,诸如 npm run build,gulp build 之类
- 打包后目录,静态资源文件夹,诸如 build dist,可不填
完成之后点击途中 deploy site 按钮
设置域名,绑定域名
部署完 netlify 会为我们随机生成一个 netlify 下的域名,我们可以更改其前缀名,然后绑定到自己的域名下。
点击 Site settings 按钮,然后在下方点击 Change site name 按钮,然后在弹出框中输入自己需要更改的前缀名,点击保存即可。
点击 Domain settings 按钮,然后在下方点击 Add custom domain 按钮,然后在弹出框中输入自己需要绑定的完整域名
这个时候会显示 !Check DNS configuration,因为我们还没有设置域名解析到 netlify 服务器,所以这个时候需要到你自己域名的相应服务商网站登录之后在需要绑定的域名下添加一条 CNAME 解析,解析的主机记录即对应的 netlify 域名值,这样就可以使用自己的域名访问自己的网站啦
生成 HTTPS 证书,实现 HTTPS 访问
点击 Verify DNS configuration 按钮,提示成功就可以用 https 访问域名了