https://www.leanku.com/tags/netlify/Recent content in Netlify on Leanku 的博客Hugozh-cnSat, 22 Oct 2022 00:00:00 +0000https://www.leanku.com/post/tools/netlify%E9%83%A8%E7%BD%B2%E9%9D%99%E6%80%81%E7%BD%91%E7%AB%99/Sat, 22 Oct 2022 00:00:00 +0000https://www.leanku.com/post/tools/netlify%E9%83%A8%E7%BD%B2%E9%9D%99%E6%80%81%E7%BD%91%E7%AB%99/<p><strong>关于Netlify</strong></p> <p>在它的主页上可以看到它的宣传语：</p> <blockquote> <p>用最快的方式构建最快的网站。</p> </blockquote> <p><a href="https://docs.netlify.com/"><strong>官方文档</strong></a></p> <p><strong>为什么选择Netlify</strong></p> <blockquote> <p>内置 CI/CD 支持自动构建拉取代码仓库，每次提交的自动构建并发布预览</p> </blockquote> <blockquote> <p>能够托管服务免费 CDN</p> </blockquote> <blockquote> <p>能够绑定自定义域名</p> </blockquote> <blockquote> <p>能够启用免费的TLS证书启用HTTPS</p> </blockquote> <blockquote> <p>提供 Webhooks 和 API</p> </blockquote> <blockquote> <p>通过内置应用程序添加动态功能</p> </blockquote> <p><em><strong>部署一个静态网站就非常简单，此处以GitHub仓库为例</strong></em></p> <ol> <li> <p>静态网站push到GitHub仓库</p> </li> <li> <p>进入<a href="https://app.netlify.com">netlify</a></p> </li> <li> <p>登录 直接使用GitHub账号，授权</p> </li> <li> <p>创建网站 点击New site from Git</p> </li> </ol> <ul> <li> <ol> <li>选择仓库</li> </ol> </li> <li> <ol start="2"> <li>选择分支（Branch to deploy）</li> </ol> </li> <li> <p>4.3 打包命令 （Build command）诸如 npm run build，gulp build 之类；如果本身已是静态文件，不需打包编译，这一栏则不填</p> </li> <li> <p>4.4 打包后目录 （Publish directory）诸如 public,dist，_site 之类；如果本身已是静态文件，这一栏则不填</p> </li> <li> <p>4.5 deploy site</p> </li> </ul> <ol start="5"> <li>设置域名 netlify会随机生成了一个netlify下的域名，我们可以更改其前缀，并绑定到我们自己的域名下： Site settings-&gt;Change site name 更换默认域名 Domain settings-&gt;Add custom domain添加域名，然后到域名服务商网站绑定的域名下添加一条CNAME解析，解析的主机记录即对应的netlify域名值（即 xx.netlify.com）</li> </ol> <p>关于.netlify.toml自动部署参阅文档 <a href="https://docs.netlify.com/configure-builds/file-based-configuration/">https://docs.netlify.com/configure-builds/file-based-configuration/</a></p> <p>更多操作后续更新。。。</p>