我的个人博客

[第 1 部分] 在 Namecheap 上以最简单的方式部署和配置您的网站

A close up of a network with wires connected to it
Published on
/6 mins read/---

我一直想拥有自己的个人网站,但由于懒惰时间不足,我只是最近在隔离期间居家时才开始着手处理。

在这篇文章中,我将指导您如何设置和配置在 Namecheap 上购买的域名网络托管(假设您已经有了自己的源代码

为什么写这个教程?

尽管 Namecheap 有一个详细的教程,介绍如何从头开始构建网站,但在文档的海洋中游泳 并不那么容易。

孩子游泳

所以,我写了这个教程来分享我在2天内学到和做的事情,以防我将来忘记帮助您更快地设置您的网站

完整网站需要什么?

起初,我以为我只需要购买一个域名并将我的代码推送到那里。但这还不够;运行网站的3个基础是:域名托管平台

  • 域名 :这是您的网站地址,例如,pondhub.comleohuynh.dev ... 把它想象成您的家庭地址,比使用IP地址更容易找到。
  • 托管 :这是存储您网站所有数据和信息的地方。

    -- 网络托管,简单来说,就是通过(您猜对了)互联网连接到您的计算机的远程硬盘。

如果域名是您的家庭地址,那么托管就是您的实际房子。

  • 平台 :这些是构建您网站的工具,源代码是主要产品。

=> 您需要购买域名托管才能拥有一个完整的网站。

我决定在 Namecheap 上购买这两者,由于缺乏经验为了便于配置和获得他们团队的支持

前往 https://www.namecheap.com/domains/(确保先创建一个账户),搜索域名,点击添加到购物车。Namecheap 会建议购买网络托管PositiveSSL(用于保护您的网站——下面会详细介绍)。

namecheap 域名搜索

在 Namecheap 上购买相当简单。只需提供所需信息,付款 就完成了。

namecheap 账单

如何连接域名和托管?

您的房子和地址显然在一个地方,那为什么要连接它们

简单的原因是房子地址(网络托管)实际上是一串数字(IP地址,例如 127.0.0.1)。您需要前往该地址才能访问网站。

=> 您需要将域名连接到托管,这样人们就可以使用易于记忆的地址到达正确的位置。

name cheap dns

如果您在 Namecheap 上同时购买了域名托管,配置相当简单:

  • 前往账户 / 仪表板 / 域名列表,点击您刚购买的域名上的管理
  • 域名服务器部分选择 Namecheap Web Hosting DNS
  • 点击保存(行尾的 图标)。
  • 完成。

为什么我们可以使用~~域名~~更简单的地址访问网站

这都要归功于 DNS(我不会深入探讨这个概念)。

DNS(域名系统)简单来说就是互联网的电话簿。您可以直接拨打号码(IP地址)来呼叫您的心上人(托管),或者在您的联系人列表中按名称(域名)查找他们。

激活 SSL 证书

如果您没有购买 PositiveSSL,可以跳过这一部分。

SSL(安全套接字层)是您网站的安全层,通过 HTTPS 保护它,有两个主要目的:

  • 确保往返您网站的数据始终被加密。
  • 验证传入和传出的数据是准确的。
SSL 证书

带有 SSL 证书的网站在浏览器上被标记为安全,确保用户信任。

激活它的最简单方法是通过 Namecheap 上的 cPanel

前往 cPanel
  • 前往账户 / 仪表板 / 域名列表,选择产品选项卡。
  • 点击前往 cPanel,使用您的 Namecheap 账户登录。
  • cPanel 中,打开 Namecheap SSL
  • 点击激活 PositiveSSL。

等待约 5-10 分钟,然后点击同步查看是否已成功激活(如果没有,再等一会儿并再次同步,直到状态变为活动)。

前往 cPanel

总结

到目前为止,您已经完成了网站设置的 90% ,在下一部分中,我将指导您完成剩余的 90% 10% ,包括:

  • 了解服务器(网络托管)上的文件夹结构。
  • 使用 FileZilla 将代码推送到服务器。
  • 设置 2FA(双因素认证)以增强安全性。

非常感谢您的阅读 ,请在下方评论中留下您的想法。非常感谢!