LV06-第三方托管-01-Netlify

本文主要是将Hexo博客部署到第三方退管平台——Netlify的相关笔记,若笔记中有错误或者不合适的地方,欢迎批评指正😃。

点击查看使用工具及版本
Windows windows11
Ubuntu Ubuntu16.04的64位版本
VMware® Workstation 16 Pro 16.2.3 build-19376536
点击查看本文参考资料
分类 网址 说明
官方网站 Netlify Scale & Ship Faster with a Composable Web Architecture | Netlify
点击查看相关文件下载
--- ---

一、Netlify简介

Netlify是一个现代网站自动化系统,我们只要在本机Git中写前端代码,然后推送它,网站就能完美地对外呈现,并且还有全球CDN、持续部署、一键HTTPS等功能。

它的访问速度较快,支持监测github仓库变动后持续部署,操作简单。但是呢线路支持不全面,国内有些地方访问的话也会很慢,甚至不科学上网的话就无法访问。

二、部署到Netlify

1. 注册账号

我们来到【Scale & Ship Faster with a Composable Web Architecture | Netlify】官网,点击右上角的【sign up】注册账号:

image-20240327223033743

然后就会来到这个页面【Sign up | Netlify】,可以看到注册的时候支持关联github账号:

image-20240327223111778

由于我已经注册过了,这里后面没法演示,注册过程很简单的。注册完成后,重新登录的话可以看到如下界面:

image-20240327223401702

2. 添加网站

2.1 选择导入工程的平台

我们登录后,点击左侧的【site】,会看到如下界面:

image-20240327223541489

我们选择【Import from Git】然后就会开始部署的流程了,首先是选择Git的提供者,这里选择【Deploy with GitHub】:

image-20240327223655268

2.2 选择要部署的仓库

然后进入第二步,选择仓库,这里由于我之前添加过,所以直接出现了我的名字,我们可以选择这个【Add another organization】来重新验证我们的GitHub账号,以添加要部署的仓库(或者就是拉到最下面,有一个Can’t see your repo here? Configure the Netlify app on GitHub.点击这里可以配置):

image-20240327223938938

我们验证之后会来到这样一个页面:

image-20240327224115862

我们翻到最下面,会看到这个【Repository access】,我们选择下面的【Only select repositories】,然后选中我们Github Pages的部署仓库:

image-20240327224345275

点击保存后就可以在之前的页面中看到这个仓库啦:

image-20240327224456274

然后我们点击这个仓库,后面就进入部署相关配置啦。

2.3 部署配置

我们进入站点部署配置界面:

image-20240327224939964

2.4 开始部署

我们上一步完成后,直接拉到最底部:

image-20240327225039188

点击这里的【Deploy sumumm】即可:

image-20240327225111154

部署成功的话好像会有这么一个提示:

image-20240327225151067

3. 查看部署情况

我们第一次部署成功的时候会提示部署成功,会有查看站点部署情况的链接,要是不小心点掉了,我们可以从这里找:

image-20240327225312847

点击登录后的主页面中的【Sites】,然后点击下面刚才部署的仓库,会来到这个页面:

image-20240327225350286

我们点击左侧的【Deploys】,就会看到部署的工作流了:

image-20240327225437223

这里就会有部署的日志:

image-20240327225500392

4. 访问页面

还记得我们前面配置站点的时候有填过访问链接名字的,要是忘记了也没什么,我们找到【Site overview】,这里就是我们可以访问的页面地址啦:

image-20240327225627195

三、更新部署

当我们要更新页面怎么办?这个不用关心,这个会自动检测Github对应仓库的分支变化,要是我们有新的推送,这里就会自动进行部署,要是没有进行自动部署,或者我们想要手动部署的话,可以找到站点主页面【Deploys】→【Trigger deploy】→【Deploy site】,这样就可以手动进行一次部署:

image-20240327225822064