在本地计算机上设计它们后，有多种部署和托管静态站点的方法。静态网站是使用普通HTML，JavaScript或CSS代码构建的网站。
Netlify是一种不用购买域名和托管而无需购买域名的简便方法。 Netlify为您做所有事情。
入门
在本文中，您将了解在Netlify上启动静态站点的简单简单。您需要一个帐户才能在Netlify上部署。您将部署使用HTML/CSS设计的静态站点；查看Netlify documentation以整合其他框架，例如react.js/next.js。
先决条件
要遵循每个部分中的说明，您将需要以下设置：
- 诸如VScode的代码编辑器5。
- Git安装在您的系统上。
- git提供商（GitHub/Bitbucket/Gitlab）的帐户。 GitHub将在本文中使用。
- 确保安装Node.js。要检查是否安装了节点和NPM，请在您的终端中键入此代码：
node -v //press enter
//v16.13.1
npm -v //press enter
//8.3.0
使用github部署到Netlify
要在github上创建一个存储库，请在VSCODE中打开终端并逐行运行每个命令，然后按Enter。像GitHub这样的GIT提供商将您的项目连接起来，使Netlify允许continuous deployment;每当您更改项目并将其推向GitHub时，NetLify会自动重新部署您的网站，并且可以看到更改。
echo "# My app" >> README.md
git init
git add README.md
git commit -m "first commit"
git branch -M main
git remote add origin https://github.com/{your_username}/{your_repository_name}.git
git push -u origin main
在github上检查您的存储库，您应该有类似this的东西。
在Netlify上创建一个帐户并登录到您的NetLify仪表板。
切换到“站点”选项卡，单击“添加新站点”下拉列表，然后连接到您的github存储库。
您将提示您授权NetLify访问您的GitHub存储库；如果您可以找到对特定存储库的搜索，请选择在GitHub上配置NetLify应用程序。
然后，滚动到页面底部，然后授予NetLify访问所有存储库或选择特定的存储库。
最后，选择存储库，然后单击部署。
然后，您的浏览器将您将您重定向到网站概述页面，您可以在其中查找生产部署列表中的部署。选择打开您已部署的网站的链接。
使用拖放部署以NetLify
登录到您的NetLify仪表板，切换到“站点”选项卡，然后单击“添加新站点”下拉列表。选择手动部署或浏览以上传。
拖放您的项目文件夹并等待发布。
结论
在本教程中，您学习了如何使用github和手动部署在线使用NetLify在线部署项目（HTML/CSS）。
您可以将custom domain name连接到您的网站，将表格连接到NetLify以进行易于管理，或检查documentation 以探索更多功能。
现在这一切。愉快的编码！