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

2022-09-29 19:19:16 浏览数 (1)

[TOC]

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 为例),

weiyigeek.GitHub

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

weiyigeek.Pick a repository

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

weiyigeek.Site settings, and deploy!

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

weiyigeek.Deploys for cranky-leakey-9306bd

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

weiyigeek.Domain settings

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

代码语言:javascript复制
i CNAME cranky-leakey-9306bd.netlify.app

weiyigeek.i.weiyigeek.top

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

weiyigeek.SSL证书配置

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

0 人点赞