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

 关注「WeiyiGeek」公众号

将我设为「特别关注」，每天带你玩转网络安全运维、应用开发、物联网IOT学习！

• 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 为例），

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

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

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

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

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

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

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

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

---

WeiyiGeek Blog - 为了能到远方，脚下的每一步都不能少。

Tips : 本文章来源 Blog 站点或者 WeiyiGeek 公众账号 (友链交换请邮我哟):

• 微信公众号-WeiyiGeek` # 精华文章发布地址

• https://weiyigeek.top # 采用cloudflare CDN 国内有时访问较慢

• https://weiyigeek.gitee.io # 国内访问快可能会有更新不及时得情况

• 个人知乎-WeiyiGeek

Tips: 更多学习笔记文章请关注 WeiyiGeek 公众账号
【微信公众号关注(点击)】
【邮箱联系: Master#weiyigeek.top】