Netlify部署github上的项目并配置自己的域名

2,236 阅读2分钟
  1. 访问netify官网并使用github账号登录,登录完成如下图所示。 image.png
  2. 在 Sites 模块点击 Add new site 按钮并选择 Import an existing project 选项。 image.png
  3. 选择你自己github上要部署的项目。 image.png image.png image.png 点击Configure the Netlify app on GitHub链接后会弹出github设置页面github.com/settings/in… 直接拉到最下边进行授权,授权之后就可以在上图的看到选择的项目,弹出的github设置页面如下图所示: image.png 点击一个项目进行部署: image.png image.png 然后跳转到 image.png 等待部署完成 image.png 查看部署详细信息 image.png 如果日志无报错,就可以进行下一步了 image.png
  4. 设置域名 image.png 输入你自己的域名,并点击确认 image.png 如果出现以下提示, 说明这个域名已经存在, 确认这个域名是你自己的后, 点击确定Add domain按钮。 image.png
  5. 域名解析。(我的域名是在聚名网买的,所以这里用的是聚名网提供的域名解析服务,在自己注册域名的网站进行域名解析即可) image.png 如上图所示,添加一条域名解析记录 主机记录:www 记录类型:CNAME 记录值(直接从下图所示位置粘贴,粘贴自己的):velvety-sprite-ae53c2.netlify.app image.png 设置完域名会跳转到Site settings, 页面滑动到最下边 image.png image.png 完成以上所有操作,你的网站就部署好了,点击下图链接就可以直接访问了。 image.png

Tips:由于中间步骤忘截图了,后边我又重新操作一次接上第一次的操作步骤,所以最后两张图可能和前边对不上,不过步骤是全的,照着操作应该不会有问题,如果有请不要吝啬你的小手,指出来我会及时修改。