Skip to main content

Deploying to Netlify

本指南介绍了如何在Netlify上部署和托管您的下一个Gatsby网站.

Netlify是部署Gatsby网站的绝佳选择. Netlify是一个统一的平台,可自动执行您的代码以创建高性能,易于维护的网站和Web应用程序. 它们提供连续的部署(Git触发的构建); 智能的全球CDN; 完整的DNS(包括自定义域); 自动HTTPS; 资产加速; 还有更多.

他们的免费套餐包括无限的个人和商业项目,HTTPS,来自公共或私人仓库的持续部署等等.

Hosting setup

您可以通过两种方式托管网站:

1.) Git repository setup

2.) Upload site folder

Git repository setup

Netlify当前已内置对GitHubGitLabBitbucket的支持 . 这种方法使您可以随时回滚到网站的过去版本. 您还可以通过将代码推送到相应的存储库中来重新部署站点,而无需每次进行更改时都手动重建和上传. 您的存储库可以是私有的也可以是公共的.

现在,登录到Netlify,您将在屏幕右上角的New site from git按钮中看到一个New site from git . 单击它并连接到用于托管网站的同一git提供程序,并授权Netlify使用您的帐户. 选择您的网站存储库,您将需要使用以下选项来部署设置.

  • 要部署的分支:您可以指定要监视的分支. 当您推送到该特定分支时,Netlify才会构建并部署该站点. 默认值为master .
  • 生成命令:当您推送到上述分支时,可以指定希望Netlify运行的命令. 默认值为npm run build .
  • 发布目录:您可以指定Netlify应使用哪个文件夹托管网站,例如public,dist,build. 默认值为public .
  • 高级构建设置:如果站点需要构建环境变量,则可以通过单击" Show advanced ,然后单击" New Variable按钮来指定它们.

单击" Deploy site按钮,Netlify将启动您指定的构建和部署过程. 您可以转到Deploys选项卡,并在Deploy log查看该过程的展开. 片刻之后,它将为您提供实时站点URL,例如random-name.netlify.com .

Upload site folder

还可以选择不使用git将您的网站上传到Netlify.

对于生产构建 ,您将需要运行gatsby build命令. 盖茨比将产生在生产现场public文件夹. 在构建过程中,将优化CSS,JavaScript,HTML和图像并将其放置在此文件夹中.

gatsby build

构建完成后,就可以将您的站点上载到Netlify. 转到Netlify并使用任何方法登录或注册. 成功登录后,您将看到以下消息:

Want to deploy a new site without connecting to Git?
Drag and drop your site folder here

要开始部署过程中,你只需要拖放public在Netlify网站上的上述区域的文件夹. Netlify将使用随机名称创建一个新站点,然后开始上载和托管应用程序文件. 片刻之后,它将为您提供一个实时站点URL,例如random-name.netlify.com .

alt text

Continuous deployment

现在,您的站点已连接到存储库,一旦您推送到Git存储库,Netlify就会部署该站点并发布它.

Domain setup

从站点Overview ,您可以转到" Domain Settings . 通过添加自定义域并将CNAME记录设置为DNS提供程序设置中的Netlify项目URL,您应该能够在您的域URL上看到Netlify项目.

Other resources


Edit this page on GitHub
Docs
Tutorials
Plugins
Blog
Showcase

by  ICOPY.SITE