首页 帮助中心 常见问题 Netlify部署一个网站的完整演示
Netlify部署一个网站的完整演示
时间 : 2024-08-20 14:23:17 编辑 : 华纳云 阅读量 : 286

Netlify属于一个同框架无关的可组合平台,可支持企业和跨职能团队可以构建高性能的现代web体验。可以更快的扩展、创新和投入生产。使用Netlify上部署演示项目,让其在网络上可以使用。需要了解关于Netlify的一些功能,如部署预览、回滚、Netlify函数、环境变量、Netlify表单和重定向等。

借助基于可组合的web架构和Netlify平台,技术人员能更快交付和迭代,选择最优的工作工具并自由交换。使用旨在适应不断变化的框架和集成的站点架构来构建未来,提高跨职能的生产力。

在Netlify上部署网站,主要流程为从 GitHub 中的示例存储库克隆项目代码,并在 Netlify UI 中创建新站点;利用 Netlify 中的持续部署来启动生成站点资产的自动构建过程;在 Netlify 将站点资产上传到内容分发网络 (CDN) 并使您的演示站点可用后,访问您的演示项目的 URL;更改示例代码并探索一些关键的 Netlify 功能。

如用Astro前端框架,开发前提条件需要有一个像Visual Studio Code这样的代码编辑器、在系统中安装了Git,有Git账户,GitHub、GitLab/Azure DevOps。 教程仅含针对 GitHub 的说明,但可改用其他受支持 Git 提供程序之一。系统上安装了Node.js 14.15.0 或更高版本。安装 Node.js 也会安装npm。在系统上安装Netlify CLI,用于在本地测试 Netlify 功能。

Netlify上部署的一种方法是使用“部署到 Netlify”按钮添加站点。选择部署到 Netlify 按钮,您将被引导至 Netlify 应用程序以创建新站点。会看到要求您连接到 GitHub。

选择“连接到 GitHub”进行身份验证。没有 Netlify 用户帐户,会在此过程中获得一个。

选择“保存并部署”。除了在 Netlify 上创建新站点外,此过程还会将演示项目存储库克隆到您的 GitHub 帐户,以便您以后可以进行自己的更改。如需帮助可联系华纳云

您将被重定向到Netlify UI 中的部署详细信息页面。

您可以通过选择HEAD导航到 GitHub 上的新存储库来检查存储库是否已成功创建。部署完成后,克隆的项目将在此新存储库中可用。

站点部署成功时,会获得一个可以访问该网站的生产 URL。选择“打开生产部署”检查。

您可以选择通过在 Netlify UI 中更改网站名称来自定义 URL,网址为站点配置>站点详情>站点信息。

这样就完成 Netlify 上部署了一个站点并生成了一个公共 URL,可以对代码进行一些更改以定制站点并了解一些有用的功能。

首先克隆您在 GitHub 帐户上创建的存储库,以在本地计算机上创建副本。查看 GitHub 文档以获取有关如何克隆存储库的说明。

在您的终端中,使用cd命令将您的工作目录更改为包含存储库本地副本的位置。

运行以下命令安装依赖项:

npm install

main通过运行以下命令创建并检出新的分支:

git checkout -b myChanges

在代码编辑器中打开本地项目目录,deploy-previews.astro中打开文件/src/pages。进行复制更改以<h2>更新This is a Deploy Preview。

<main>

  <h2>This is a Deploy Preview.</h2>

</main>

保存deploy-previews.astro文件。然后从终端提交并将此更改推送到 GitHub:

git commit -am "update the h2"

git push -u origin myChanges

创建一个拉取请求,就像您要将此更改合并到您的main分支中一样。查看GitHub 文档以了解如何执行此操作的详细信息。

创建拉取请求后,GitHub 上会自动启动一些操作。会添加一条注释,含有关部署预览的信息,指向 Netlify部署日志的链接。

触发一些检查可以提供有关部署的见解。

当 Netlify 完成站点的构建和部署后,请检查 GitHub 拉取请求注释。找到部署预览并选择生成的部署预览 URL。

导航到演示站点上的“部署预览”页面(YOUR_DEPLOY_PREVIEW_URL/deploy-previews),并注意<h2>已发生更改。

检查 URL,注意您的网站名称前面有deploy-preview-一个数字,代表拉取/合并请求编号。对于每个拉取或合并请求,您都会获得一个唯一的 URL,该 URL 提供包含特定于该拉取/合并请求的更改的网站版本。

在 GitHub 拉取请求评论中,找到最新部署日志并选择相关链接。您将被定向到 Netlify UI。如果您将鼠标悬停在标题部分的永久链接deploy-preview上,您可能会注意到,站点名称前面不是 ,而是部署 ID,例如61c36a332214be000842be44。每次原子部署都会生成一个唯一的永久链接。

如果使用 Netlify DNS 管理站点的自定义域,建议为部署预览设置自动部署子域。确保部署不会被任何需要此功能的第三方脚本或服务阻止。

华纳云 推荐文章
如何服务器上搭配大模型docker+ollama+langchain工具运行环境 Linux /etc/group的文件解析步骤 docker快速部署Stirling-PDF的一般流程 盘点使用中MySQL出现报错情况有哪些 Linux系统文件操作提示Read-only file system解决方法 如何更换Linux Windows多IP云服务器出口IP地址 Linux必备技能SRC与补丁的应用 Ubuntu Postfix配置TLS加密的方法 Linux VPS服务器CPU负载及内存占用自动重启bash shell脚本 Linux中的hosts.deny可以阻止哪些类型的攻击
客服咨询
7*24小时技术支持
技术支持
渠道支持