三步部署静态网站👆🏼✌🏼🤟🏼
你终于创建了自己的第一个静态网站。太棒了!现在你可以把它分享给你的朋友和全世界了。但是,你却只能阅读那些关于如何在服务器上部署网站的长篇文章,或者只是安装像 FileZilla 这样的软件。
别再说了。有更简单的方法。我为所有初学者朋友(或者正在尝试新方法的中级朋友)准备了一个简单的教程。所以,别再浪费时间了,让我们开始玩转 swag 吧 😎……哦,我说的是 swag 🤓。
1. 设置服务器
为此,我们使用 Digital Ocean。如果您没有 DO 帐户,请点击此处获取 100 美元优惠券。现在您需要做的很简单,只需创建一个 Droplet,如下图所示。
使用 Ubuntu 发行版创建一个价值 5 美元的 Droplet。我强烈建议您将 SSH 密钥添加到您的 Digital Ocean 帐户,以增强安全性和便捷性。如果您不知道如何操作,请参阅本教程,或者您也可以使用密码。
2.安装Nginx
现在打开您的终端,并使用以下方式登录您的 Digital Ocean 帐户:
ssh root@your-ip
完成后,让我们将 nginx 安装到服务器上,这同样非常简单。
apt-get update
apt-get install nginx
如果您在浏览器中打开您的 IP 时看到此信息,则表示您可以开始了。
3. 最后一步:部署
好的,现在是最后一步。让我们进入你的项目文件夹并运行以下命令复制所有内容:
scp -r * root@your-ip-address:/var/www/html/
或者如果你想复制一些特定的文件然后使用:
scp -r css/ fonts/ images/ index.html js/ root@your-ip-address:/var/www/html/
好了,就这样。您的网站很快就能正常运行了。
注意:这可能不是一个有效的方法,但肯定很快。请勿将其用于生产环境。
附加功能🎊
设置域名
为此,请进入管理部分并单击网络
输入您的域名,然后点击“添加域名”。之后您需要更改 DNS,这里有一份完整的指南,适用于所有注册商。
如果完成了,下一步就是添加 A 记录。只需添加@
主机名,然后选择要链接的 Droplet 即可。这样就大功告成了。
部署多个项目
如果您想在一个 Droplet 上部署多个项目以节省成本,这也非常简单。只需在 中创建一个新文件夹/var/www/html/
,然后您就可以使用 访问您的其他项目https://domainname/foldername
。它可能看起来像这样:
scp -r * root@your-ip-address:/var/www/html/project-2
如果您想要像project2.mydomain.com
单独的 Droplet 一样拥有子域名,可以使用 A 记录来实现。只需在主机名中输入您的域名project2
,选择要链接的 Droplet,然后就大功告成了!
结论
好了,希望我的文章能帮助您简化在几秒钟内部署静态网站的过程。如果您有任何疑问或遇到困难,欢迎在下面的评论区提问。
专家:如果您有更好的方法,欢迎在下面的评论区留言。
此外,如果您不想错过此过程中的下一个重要步骤,即设置免费的 SSH,请不要忘记关注,以便您可以在下周赶上。
顺便说一句,我们最近推出了一款名为Dragula的免费产品。不妨去看看。使用 Dragula,您可以轻松复制图片的链接和 Markdown 代码,这或许能为您的开发博客节省大量时间。😉
好了,各位,今天就到这里吧。回头见!
文章来源:https://dev.to/xenoxdev/deploy-a-static-site-in-3-steps-5dag