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 使用流程
Connect your repository :Netlify 检测到要推送到git的更改并触发自动部署。
Add your build settings : Netlify 为您提供了一个强大的、完全可定制的构建环境。
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】
Netlify静态资源托管之部署自动化相关推荐
- 实战react技术栈+express前后端博客项目(3)-- 后端路由、代理以及静态资源托管等配置说明...
项目地址:github.com/Nealyang/Re- 本想等项目做完再连载一波系列博客,随着开发的进行,也是的确遇到了不少坑,请教了不少人.遂想,何不一边记录踩坑,一边分享收获呢.分享当然是好的, ...
- Koa 学习 01 Koa 介绍和基本使用(路由、静态资源托管、中间件)
Koa 介绍 Koa 是一个新的 web 框架,由 Express 幕后的原班人马打造,致力于成为 web 应用和 API 开发领域中的一个更小.更富有表现力.更健壮的基石. 官网:https://k ...
- Express与传统Web应用(服务端渲染、art-template模板引擎、配置静态资源托管)
一.服务端渲染相关的概念 什么是渲染? 例如对于我们前端开发者来说最常见的一种场景就是:请求后端接口数据,然后将数据通过模板绑定语法绑定到页面中,最终呈现给用户. 数据: 模板: 渲染(数据+模板)结 ...
- Python Django,静态资源托管
项目名/settings.py(项目配置,配置静态资源文件目录): import osBASE_DIR = os.path.dirname(os.path.dirname(os.path.abspat ...
- cdn托管html资源,七牛自定义域名cdn加速,静态资源托管至对象存储
配置前提 1.域名备案备案备案! 2.七牛账号 配置前速度 访问主页加载速度如下: 加载主页需要4秒多,已经是非常慢了,可以看到主要时间浪费在字体文件加载和图片的加载,所有资源全部从服务器被访问,1M ...
- java 不重启部署_一篇文章带你搞定SpringBoot不重启项目实现修改静态资源
一.通过配置文件控制静态资源的热部署 在配置文件 application.properties 中添加: #表示从这个默认不触发重启的目录中除去static目录 spring.devtools.res ...
- Linux环境下Nginx部署静态资源文件。
操作环境: 阿里云服务器: Centos7.4 已安装过nginx 准备好静态资源文件. 部署静态资源文件 我把自己的静态资源文件放在了/usr/local/nginx/html下. dv文件夹中为静 ...
- idea实现静态资源部署
实现静态资源的热部署只需一下几步: 1.打开edit Configuration:如图 2.进入之后改成如图所示配置 3.进入Deployment,如图: 点击 ok使配置生效
- 美团金融扫码付静态资源加载优化实践
原文链接:https://mp.weixin.qq.com/s?__biz=MjM5NjQ5MTI5OA==&mid=2651747208&idx=1&sn=b9fc54300 ...
最新文章
- CentOS6.5安装Subversion
- ITK:多输入不同的类型
- golang字符串转数字
- 《高效团队开发:工具与方法》
- EverWeb for Mac(网页设计软件)
- CodeQL自动化代码审计工具
- IT服务器台账系统,it项目管理信息系统
- 小红书编辑器_为什么我建议你用小红书打造个人IP?
- 开源开放 | 欧若科技通过 OpenKG 开放 Nebula Graph 图数据库
- 毕业论文中的参考文献怎么引用?
- lettcode算法题目--玛祖游戏
- close 和 shutdown
- 辐射4核能选项用计算机失败,玩游戏出问题了?《辐射4》PC版常见问题汇总和解决方案...
- 快手开店怎么引流?快手小店自上线以来就吸引众多的商家入驻
- 码元、码元速率、波特率、比特率理解
- Android Ping IP地址
- 关于IDM在b站的视频中不显示下载浮条的为题?
- 【go编译和反编译概述】
- matlab模拟股票价格,matlab股票价格模拟
- QGIS|如何制作行政区划四色图
热门文章
- 2022孕婴童|婴儿用品|母婴玩具11月份|在北京欢迎你
- 使用tcping命令ping指定端口
- 哈罗python的学费多少-哈啰出行招聘Java、算法、大数据开发、安卓、iOS、运维架构专家/高级专家等...
- 2019新版UI设计视频教程(学习路线+课程大纲+学习工具+面试题)
- 封装js发送http请求
- 熊掌号appid和token后台位置
- 「一個人」的狀態,總是最糟的。
- Java中的网络和TCP/IP协议
- SDUT-D-表达式语法分析——递归子程序法-附带解释函数
- 通过爬取美剧天堂详细介绍Scrapy 框架入门