使用Netlify完成自动化部署

  1. 打开Netlify网站,地址
  2. 使用Github或者Gitlab账号登入
  3. 点击“New site from Git”创建网站,根据你的仓库平台来选择项目【有Github、GitLab、Bitbucket】
  4. 设置部署选项
    1. 部署分支(Branch to deploy),你的git仓库的分支,默认选择为master分支
    2. 打包命令(Build command),你的打包命令,诸如 npm run build,gulp build 之类;如果本身已是静态文件,不需打包编译,这一栏则不填
    3. 打包后目录(Publish directory),即执行完打包命令之后静态文件所在目录,诸如 dist,_site 之类;如果本身已是静态文件,这一栏则不填
    4. 完成之后点击途中 “deploy site ”按钮
  5. 自动化部署开始运行,第一次部署会慢一点,以后的更新会很快。我们的网站现在已经可以利用Netlify提供的域名进行访问了,这个域名是随机生成的
  6. 更改前缀
    1. 进入这个项目,点击“Site settings”按钮
    2. 在弹出的页面中点击“Change site name”按钮
    3. 在弹出的页面中舒服自己需要更改的前缀名,点击保存
  7. 绑定到自己的域名下
    1. 点击“ Domain settings”按钮,然后在下档点击“Add custom domain”,在弹出框中高输入自己需要绑定的完整域名,点击保存
    2. 这个时候会显示 !Check DNS configuration,因为我们还没有设置域名解析到netlify服务器,所以这个时候需要到你自己域名的相应服务商网站登录之后在需要绑定的域名下添加一条CNAME解析,解析的主机记录即对应的netlify域名值
  8. 生成HTTPS证书,实现HTTPS访问
    1. 点击“Domain settings”,往下拉,可以看到设置HTTPS的部分
    2. 点击 Verify DNS configuration 按钮,待它变成下方绿色按钮之后,再点击
    3. 然后在弹出框中点击确认,过一会儿之后就可以使用https访问你的小站啦
  9. 强制HTTP跳转HTTPS访问
    1. 点击“ Domain settings”按钮,往下拉,可以看到Force HTTPS“”,点击
posted @ 2020-12-16 10:38  小昱同学  阅读(522)  评论(0)    收藏  举报