从购买服务器到网站搭建成功保姆级教程~超详细_买了服务器怎么搭建网站

在文章最后，我会对连接服务器、上传项目、以及搭建网站经常遇到的一些问题进行一些总结，以便各位小伙伴们遇到不同的情况都能够很好的解决。

📌首先声明，本人基于Linux下的CentOS 8系统镜像，接下来的操作可能大部分偏向系统镜像操作，但应用镜像操作也会涉及，小伙伴们请耐心看完全文，你会收获到自己想要的答案的。

---

🚀预备知识

🚢什么是云服务器？

云服务器(Elastic Compute Service, ECS)是一种简单高效、安全可靠、处理能力可弹性伸缩的计算服务。其管理方式比物理服务器更简单高效。用户无需提前购买硬件，即可迅速创建或释放任意多台云服务器。

🚢什么是域名？

域名（英语：Domain Name），又称网域，是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称，用于在数据传输时对计算机的定位标识（有时也指地理位置）。由于IP地址具有不方便记忆并且不能显示地址组织的名称和性质等缺点，人们设计出了域名，并通过网域名称系统（DNS，Domain Name System）来将域名和IP地址相互映射，使人更方便地访问互联网，而不用去记住能够被机器直接读取的IP地址数串。

🚢什么是SSL证书？

SSL证书是数字证书的一种，类似于驾驶证、护照和营业执照的电子副本。因为配置在服务器上，也称为SSL服务器证书。

SSL 证书就是遵守 SSL协议，由受信任的数字证书颁发机构CA，在验证服务器身份后颁发，具有服务器身份验证和数据传输加密功能。

SSL证书通过在客户端浏览器和Web服务器之间建立一条SSL安全通道（Secure socket layer(SSL),安全协议是由Netscape Communication公司设计开发。该安全协议主要用来提供对用户和服务器的认证；对传送的数据进行加密和隐藏；确保数据在传送中不被改变，即数据的完整性，现已成为该领域中全球化的标准。

---

🚀服务器选配

首先第一步，想要在服务器上部署项目，当然前提得有一台服务器呀，所谓工欲善其事，必先利其器嘛。

市场上服务器厂商都挺多，我们熟知的可能也就是阿里云，腾讯云，华为云，百度云等这些，个人推荐选择阿里云和腾讯云，我第一次搭建是因为百度云有个活动可以白嫖三个月，所以第一次选择了百度云。其实服务器的配置这些对于新手来说不必过多担心，我们购买服务器的用途也就是测试测试自己开发的项目，或者搞个自己的个人博客之类的放在服务器上，所以，一般的轻量级服务器就已经够我们用了，不必很在意服务器的配置，所以新手我推荐轻量级服务器。

而且如果是新用户，各大服务器厂商对新用户的优惠力度都特别大，所以购买一个轻量级的个人服务器不是很贵，注册之后记得实名，不实名的话是没办法购买服务器的。

对于活动推出的服务器，我们也不必担心怎么去配置服务器的参数那些，因为配置都配好了，顶多就是让你选择操作镜像，设置初始化用户名和密码等。不管选择哪个厂商，其实相同配置下，价格差异并不大。各大厂商都是点击最新活动，去享受优惠价格

🌍阿里云官网链接

🌍腾讯云官网链接

🌍华为云官网链接

当我们注册好一个账户并实名认证成功之后，我们就可以去购买一个属于自己的服务器了，要是还在纠结的小伙伴，也可以去各厂商活动页面先申请一个免费体验的服务器先操作一下，等自己学会怎么玩服务器了再购买也不迟，哈哈，没错，就是像我一样，我第一次使用服务器并不是购买的，而是看到百度云里有活动，然后白嫖了三个月。百度云活动链接

---

🚀参数配置详解

在购买服务器配置页，会让用户选择一些配置，接下来我将详细解释每个配置到底该怎么选，以便帮助各位小伙伴们选择出一台最适合自己的服务器。下面我以百度云和腾讯云为例，详细解读参数配置。

🚢百度云

快速购买方式
这个界面基本不用自己配置什么参数，比较容易上手，对实例（服务器）的配置也有说明，可根据自己需求选配

🪐地区及可用区

这里分两种情况，假如说自己买个服务器是因为项目要上线投入使用，那么这种情况，用户主要集中在那个区域就选那个区域，这样的话用户访问网站项目响应速度就相对较快。还有一种情况就是自己买了自己玩，这种的话就直接选择自己所在地区

🪐实例配置

有的小伙伴可能会问，我买的不是服务器吗？实例是个什么鬼？实例是云端的虚拟计算资源，可理解为云服务器（Cloud Virtual Machine，CVM），包含 CPU、内存、操作系统、网络、磁盘等最基础的计算组件。云服务器实例可在云端提供安全可靠的弹性计算服务，实现计算需求；可随着业务需求的变化，实时扩展或缩减计算资源；可极大降低企业的软硬件采购成本，简化 IT 运维工作。这里说的实例配置其实就是服务器的配置，在快速购买这个页面，对不同实例的配置都做了说明，小伙伴们可以根据自己用途来进行选择

🪐操作系统

其实这里的操作系统又可以称为操作镜像，简单理解就是服务器购买者通过什么样的方式访问到自己购买的服务器，这里也可能是新手比较纠结的一点，操作镜像呢又分为应用镜像和系统镜像。镜像是一个包含了软件及必要配置的服务器或磁盘模版，包含操作系统或业务数据，还可以包含应用软件(例如，数据库软件)和私有软件。镜像分为公共镜像、私有镜像、共享镜像、市场镜像。镜像服务(Image Management Service)提供镜像的生命周期管理能力。用户可以灵活地使用公共镜像、私有镜像或共享镜像申请弹性云服务器和裸金属服务器。一般推荐选择安装系统镜像，这样的话操作系统是纯净的，未安装过任何环境和程序的，方便我们操作。

🪐带宽

简单理解就是在给定时间内可以传输的数据量。它相当于一条路，需要通过的数据相当于其中的车辆。如果道路狭窄，车辆通过所需的时间会相对较慢，这也是带宽会在一定程度上影响网页的打开速度的原因。如果把带宽比作水管，带宽实际上就是水管的流量而流量就是流出的水的总量。带宽影响主机的访问速度，网络带宽的大小对于访问量大的网站尤为重要。所以，带宽越大，就代表访问服务器和响应速度越快，但是呢，对于新手小白来说，一般带宽1M~2M已经够用了，大佬可滑走。

🚢腾讯云

相同的地方我就不在赘述，咱们来说说一些不同的值得注意的点

🪐安全组

安全组（Security Group）是一种有状态的包过滤功能的虚拟防火墙，它用于设置单台或多台云服务器的网络访问控制，可以将同一地域内具有相同网络安全隔离需求的云服务器实例加到同一个安全组内，通过安全组的网络策略对云服务器的出入流量进行安全过滤。出于安全考虑，腾讯云服务器默认只开放了22和3389端口，假设在这台云服务器上搭建网站，则需要80端口，就是通过配置安全组规则放行80端口来实现的。

🪐登录方式

密码是每台云服务器实例专有的登录凭据。为保证实例的安全可靠，腾讯云提供以下两种加密登录方式：

SSH 密钥对：只需在控制台和本地客户端做简单配置即可远程登录实例，再次登录时无需再输入密码。此登录方式更为安全可靠，可以杜绝暴力破解威胁。

登录密码：任何拥有实例登录密码的人都可以通过被安全组允许的公网地址远程登录云服务器实例。

🪐IP 地址

腾讯云提供 内网 IP 地址 和 公网 IP 地址。简单理解，内网 IP 提供局域网（LAN）服务，云服务器之间互相访问。公网 IP 在用户在云服务器实例上需要访问 Internet 服务时使用。

以上就是在选择服务器时一些比较值得注意的参数配置，小伙伴们看到这里，就可以去选择一台满足自己需求，适合自己的服务器啦。

🚢系统镜像和应用镜像怎么选？

系统镜像，也就是我们平时所说的操作系统镜像，系统镜像是不包含任何软件以及插件的纯净版的操作系统。更多的人都会选择系统镜像，因为不同方向的人可以根据自己的需求安装自己所需要的服务以及软件，优点就是灵活性比较强。

应用镜像，简单理解就是服务器已经帮你选择了操作系统，并且在操作系统的基础上又额外安装了一些环境，相当于一条龙服务，自己不用动手去安装环境，可根据选择不同的应用镜像搭建不同的网站类型，常见的有WordPress、LAMP、Node.js等。优点就是相对于系统镜像来说，操作起来比较方便。

看到这里，相信各位小伙伴在于选择镜像问题上应该知道怎么选了吧，我刚开始一步直接到位选择了系统镜像，确实到后面也是花费了好多的时间才成功搭建起网站。所以对于没有基础的小伙伴来说，我觉得刚开始可以选择应用镜像，这种方式操作起来也相对简单，如果也有小伙伴想选择可玩性高的系统镜像，那么我推荐Linux下的CentOS镜像，版本越高越好，但需要一定的Linux基础。

---

🚀登录控制台

当我们选好自己的配置并购买服务器后，就可以转到自己的控制台页面查看自己的购买的服务器，并且再次设置一些参数，比如安全组，重置密码等等。购买成功之后首次访问公网IP是没有响应的，因为默认浏览器访问的是80端口，而一般在服务器购买后没做任何配置80端口是没有被占用的。但是如果选择的是应用镜像的话，在访问的时候会根据自己选择应用镜像最终显示对应的页面

接下来我所讲的内容主要以Linux下的CentOS 8镜像为主，因为我选择的是系统镜像，但讲完系统镜像，我也会对应用镜像做一些教程，方便不同小伙伴们的需求。

购买服务器成功之后，有条件的小伙伴可以去注册一个属于自己的域名， 购买域名后到相应的界面进行备案，只有备案成功后，自己才可以通过域名来访问自己的网站，这个过程差不多需要两三天的审核时间。

个人建议先把自己的网站搭建出来在考虑购买域名和备案这些操作，这样比较把稳一点，不然域名买了，备案备了，自己网站搭建不出来，那岂不是白搭。

---

🚀连接服务器

接下来要做的肯定就是连接服务器啦，我所知道的有三种方式，效果都差不多，看个人选择，但推荐选择使用远程连接软件连接。比如Xshell等。

🐱‍🏍使用网页VNC访问服务器

在控制台页面下点击自己购买的实例，可以看到使用VNC登录的方式。VNC服务对浏览器有一定的要求，使用之前注意VNC页面的提示。登录之前要确保自己的实例正在运行，不然是没办法连接上的

现在只支持如下版本的浏览器

• Google Chrome 16+
• Firefox 3.6+
• iOS Safari 6.1+
• Opera 11+
• Internet Explorer 9+

对于linux系统，在VNC窗口 的的对话框中，在 “login” 后输入用户名，按 Enter。对于Windows操作系统，点击按钮“发送Ctrl+Alt+Del”，发送Ctrl+Alt+Del命令到操作系统。

在 “Password” 后输入密码，按 Enter。值得注意的是输入的密码默认是不显示的，别像我傻乎乎的，输入密码光标不动还以为是自己键盘坏了。如下图所示：

🐱‍🏍使用远程连接软件

此方式是大家都比较推荐的方式，原因很简单，方便，灵活性高。这里我使用的是Xshell远程连接
首先去官网下载Xshell，官网链接Xmanager中文官网_Xshell,Xmanager,Xftp 7下载，现在Xshell已经更新到7版本，小伙伴们自行下载就行。

打开软件后，新建一个会话，【名称】选项自己可以随意命名，不影响。【主机】选项填写自己的公网IP地址，也就是自己服务器的地址，在控制台可以查看自己的服务器IP地址，【端口号】选项默认是22端口，不用修改。22端口就是用于SSH远程连接的端口。其他选项不用选择，直接点击【连接】按钮进行连接。

首次连接可能会跳出一个叫什么密钥配对的窗口，点击接受就可以了，然后就是输入【用户名】和【密码】，确定后就连接成功了，这里的用户名和密码就是当时购买服务器要填写的服务器用户名和密码哟。

显式这个页面即表示连接成功了哟，接下来就可以对自己的服务器进行一些操作了

🐱‍🏍使用远程桌面连接

这也是第三种远程连接服务器的方式，适用于选择了Windows镜像的用户，可以直接用自己电脑上的远程桌面连接到自己的服务器。

---

🚀下载服务器Web服务

连接上自己的服务器之后，就可以对自己的服务器环境进行一些配置了，想要搭建网站，肯定少不了的就是使用Web服务来提供网站访问能力，当下一些比较主流的Web服务有：Apache HTTP Server、NGINX、Apache Tomcat、Node.js、Lighttpd等。这里我推荐的使用的是Nginx，如果有小伙伴不了解这些是什么东西，记得先去查阅下资料哟。

🚩Nginx

Nginx 可以作为静态页面的 web 服务器，同时还支持 CGI 协议的动态语言，比如 perl、php 等。但是不支持 java。Java 程序只能通过与 tomcat 配合完成。Nginx 专为性能优化而开发， 性能是其最重要的考量,实现上非常注重效率 ，能经受高负载的考验,有报告表明能支持高 达 50,000 个并发连接数。

首先，我们先创建一个文件夹，用于保存后面自己要上传的项目

# 输入代码
mkdir web

接下来，查看自己的端口占用情况，上面我就提到了，服务器初始化状态下80端口是未被占用的

# 输入代码
netstat -ntlp

在Linux环境下下载Nginx非常的简单，Linux提供了很多包管理工具，所以直接输入以下命令，敲下回车就可以下载Nginx

# 输入代码
yum install nginx

下载过程中出现一下界面，直接选y，一路下载

下载完成之后，我们输入nginx来启动服务，这时候我们再来查看端口占用情况就可以发现80端口已经被nginx占用了

然后直接访问自己服务器IP地址，出现如下界面就代表Nginx安装并运行成功了

如果安装完成之后，访问服务器IP地址不成功，可能存在两个问题，80端口被其他服务占用或者Nginx下载文件丢失或下载不成功。如果80端口被其他程序占用，则清空80端口或者设置80端口占用服务为Nginx即可。如果出现Nginx下载失败或者下载文件缺失损毁，则卸载Nginx再次重新安装就行了。

卸载Nginx命令：

# 输入命令
yum remove nginx

---

🚀上传网页项目

完成上述操作之后，接下来就可以把自己的项目上传到服务器啦，那如何上传呢，这里介绍两种方式

💡直接替换Nginx默认页面

找到Nginx默认显示页面

# 输入代码
cd /usr/share/nginx/html

删除nginx默认显示页面

# 输入代码
rm -rf index.html

将自己的网页直接拖拽进目录下即可，然后查看是否成功。全选文件，直接拖拽

查看是否存在文件

到这一步，咱们就简单实现了一个静态页面上传服务器了，现在直接访问服务器IP地址，就可以看见自己的网页啦。

💡修改Nginx配置文件

第一种做法呢比较麻烦，万一要是文件夹删错了，那可不就废了。所以，我比较推荐第二种方法。

首先下载Xshell配套的文件传输软件Xftp 7（远程文件传输的软件有很多，不一定非要使用这个，可根据自己选择），连接上自己的服务器，连接方式和Xshell 7一样。上面说道我新建了一个web文件夹，接下来我们把文件上传到这个Web文件夹下。

接着找到Nginx的配置文件，修改默认配置，指向自己创建的文件夹下的html文件即可。

打开Nginx文件夹：

# 输入命令
cd /etc/nginx

文本编辑打开Nginx配置文件：

最后

推荐一些系统学习的途径和方法。

每个Web开发人员必备，很权威很齐全的Web开发文档。作为学习辞典使用，可以查询到每个概念、方法、属性的详细解释，注意使用英文关键字搜索。里面的一些 HTML，CSS，HTTP 技术教程也相当不错。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

HTML 和 CSS：