0
点赞
收藏
分享

微信扫一扫

Netlify静态资源托管之部署自动化

  • 0x00 基础介绍
  • 0x01 Netlify 使用

0x00 基础介绍

Q: Netlify 是什么?

Netlify 是一个提供静态资源网络托管的综合平台,一个直观的基于Git的工作流和强大的无服务器平台,用于构建、部署和协作web应用程序,即能够将托管 GitHub,GitLab 等网站上的 Jekyll,Hexo,Hugo 等代码自动编译并生成静态网站。

Markus Schork, CTO Hair Digital, Unilever: Netlify使CI/CD、部署和可扩展托管成为一种商品,并帮助企业专注于在Jamstack世界中创造出色的动态消费者体验。

官网地址: https://www.netlify.com/


Q: Netlify 功能介绍

  • 0.内置 CI/CD 支持自动构建拉取代码仓库,每次提交的自动构建并发布预览
  • 1.能够托管服务免费 CDN
  • 2.能够绑定自定义域名
  • 3.能够启用免费的TLS证书启用HTTPS
  • 4.提供 Webhooks 和 API
  • 5.通过内置应用程序添加动态功能


Q: Netlify 使用流程

  1. Connect your repository :Netlify 检测到要推送到git的更改并触发自动部署。
  2. Add your build settings : Netlify 为您提供了一个强大的、完全可定制的构建环境。
  3. Deploy your website : Netlify 发布与即时缓存失效和原子部署是无缝的。

0x01 Netlify 使用

  • Step 1.首先使用你的 GitHub 账号登陆 Netlify,登陆后进入空间管理中心,点击​​New site from git​​按钮开始部署你的博客:
  • Step 2.然后根据自己的托管平台,可以选择GitHub、GitLab或者BitBucket(以 GitHub 为例),

Netlify静态资源托管之部署自动化_.net

  • Step 3.之后点击GitHub之后会弹出一个让你授权的窗口,给 Netlify 授权后,就会自动读取你 GitHub 的仓库,如果没有看到你需要仓库则需在GitHub上配置Netlify应用程序访问权限。

Netlify静态资源托管之部署自动化_git_02

  • Step 4.选择仓库后Netlify 会自动识别到项目,并填入相关信息,这时候只要无脑点击 Deploy site就可以,此时您可以​​设置定义环境变量​​,以便对构建进行更多的控制和灵活性。添​​netlify.toml​​ 将配置文件添加到存储库以获得更大的灵活性。

Netlify静态资源托管之部署自动化_.net_03

  • Step 5.从主服务器部署将自动发布, 在稍等一段时间就可以看到你的博客已经部署成功,并且给你分配了一个二级域名 :​​https://cranky-leakey-9306bd.netlify.app​

Netlify静态资源托管之部署自动化_github_04

  • Step 6.现在我们完成了第一步Deploy,之后我们可以自定义域名 Domain settings 作为主域名:例如​​i.weiyigeek.top​​ 域名设置完,Netlify提示你去域名DNS解析处修改域名的CNAME记录.

Netlify静态资源托管之部署自动化_github_05

  • Step 7.我们得域名是托管在CloudFlare的我们登录后进行配置,同时访问​​i.weiyigeek.top​​验证搭建情况;

i CNAME cranky-leakey-9306bd.netlify.app

Netlify静态资源托管之部署自动化_.net_06

  • Step 8.Netlify默认会启用 HTTPS而且不能关闭,如果你没有证书它会帮你去Let’s Encrypt申请免费的证书,当然你也可以自己申请证书,或者腾讯云阿里云的免费SSL证书, 下面以Apache的证书为例进行配置。

Netlify静态资源托管之部署自动化_git_07

Tips : netlify.toml 配置文件编辑说明

Netlify静态资源托管之部署自动化_git_08


举报

相关推荐

0 条评论