如何从零开始搭建个人/公司网站

╰半橙微兮° 2023-01-10 14:49 189阅读 0赞

朋友之前某宝花费1000+给公司买了一个网站，历时1年不到，被商铺以一些不合理的理由关停，比如域名到期，然后我特意去查了一下此域名，当初是买了两年的，而且域名非特殊情况中途也是禁止交易的。又或者辛辛苦苦花钱买的网站，经常出现访问不了的情况，或者能访问，但是页面十分卡的情况。故今天教大家如何从零搭建个人或公司的网站。

搭建网站的必备要素主要有三点：

1.  拥有一个自己的云服务器
2.  申请一个自己的独家域名
3.  网站

# 一、购置云服务器 #

首先我们先来了解一下什么是云服务器？

百度百科对云服务器的定义：

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

官方给的定义比较专业化，我就以个人的理解通俗的解释云服务器的用途，云服务器就是相当于我们买了一个远程的电脑，这个电脑只是归我们使用，但是电脑的硬件等其他设施都不归属于你，并且服务商给你提供的服务器能够实现99%的可持续使用，不会出现断电或者网络无法连接的情况。

云服务器的价格往往与服务器的配置有关，比如看如下两款云服务器的价格说明：

![在这里插入图片描述][ee9cc0f1a97334306d4984e83bb50e4e.png_pic_center]

![image-20210125091552233][]

云服务器的购买我们主要关注四点。

第一点：关于云服务器属于几核几GB，这个指的就是服务器的基础硬件配置，有几个核数的CPU和内存多大，一个服务器的核数和内存大小，能够最大程度决定该服务器的性能，比如我们现在使用的笔记本电脑，大多都是8核16G。但对于云服务器，我们不必苛求与我们笔记本相同的性能，云服务器不需要像我们笔记本一样安装各种各样的软件或游戏，它只需干那么几件事情，如果只是部署个人网站，甚至1核2GB，2核4GB的都完全能满足条件。

第二点：关于操作系统，云服务器大多选用的都是Linux系统如Ubuntu Server或者Centos，因为Linux系统的性能在同等配置的情况下是要稍微好于Windows的，不过缺点就是Linux系统不像是Windows服务器普通人就可以实现运维操作，需要有专门的人进行一些服务器的软件下载及配置，不过也很简单，相信自学也就是那么几小时的事情。

第三点：关于云服务器的带宽，带宽决定了我们的服务器访问速度，类似我们家里网络的带宽，带宽越高速度越快，当然，价格也越不菲，对于搭建个人或小型公司使用的网站，3M以内的带宽也基本满足使用了。

第四点：关于购买时长，这个需要根据个人需要来选择了。

这里推荐大家在双11或者其他搞活动的时候买云服务器，比如我去年在双11买了一台服务器2核4GB，带宽3M，两年价格才800左右，如果在平时去买，价格可能就在2000左右了，当需要买服务器时，提前关注各大云服务器厂商，根据活动力度按需购买。

主要云服务器厂商：

*  阿里云
 *  腾讯云
 *  华为云
 *  滴滴云
 *  …

购买了特定的服务器后,即可通过相关工具连接服务器进行操作了。

服务器购买后，还需对服务器进行备案操作，到时候直接根据网页提示进行备案即可，快则1个工作日即可备案成功。

# 二、申请独家域名 #

首先，我们来了解下什么是域名？

百度百科定义：

> **域名**（英语：**Domain Name**），又称**网域**，是由一串用点分隔的名字组成的[Internet][]上某一台[计算机][Link 2]或计算机组的名称，用于在数据传输时对计算机的定位标识（有时也指地理位置）。

我继续以通俗的方式讲一下域名，域名就是我们平时输入的网站，如www.taobao.com，www.baidu.com，这些就是域名。

域名的购买也可以通过阿里或腾讯等大厂商，此处我以阿里云购买域名为例。

浏览器输入阿里云查询域名官网：https://wanwang.aliyun.com/

![image-20210125093244416][]

搜索我们想要的独家域名，比如我个人网站所使用的域名：lovebetterworld

![image-20210125093818043][]

可以看到域名的价格还是比较便宜的，选择自己心仪的域名，加入清单购买即可。

域名购买后，需要对域名进行备案，在网页右上方有备案按钮，根据要求进行备案即可。

![image-20210125094043782][]

域名备案成功后，我们需要将我们的域名与之前购买的服务器进行关联，此时我们进入到阿里云的域名管理的控制台界面。

![在这里插入图片描述][9bd6ec25db03de822156e459a10a7be7.png_pic_center]

在该界面会显示你购买的域名，点击后方的解析按钮，在弹出的解析设置界面中，添加一条记录，绑定之前购买的服务器IP地址。

![image-20210125094714340][]

至此，服务器和域名绑定成功，由于备案等时间，从购买服务器到域名备案成功后，大概15个工作日内就可以完成。

接下来就该部署我们自己的网站了。

# 三、部署个人/公司网站 #

前面提到，我们购买的服务器尽量购买Linux服务器，此处我就以Centos为例进行演示。

我们购买服务器后，会得到该服务器的IP地址，root账户的密码，然后我们通过XShell或者其他SSH工具可远程连接服务器。

## 3.1 安装nginx ##

通过XShell工具连接至服务器后，在我们的服务器安装一个静态资源软件nginx。

安装命令：

1.  安装所需环境

yum install -y pcre pcre-devel gcc-c++ zlib zlib-devel openssl openssl-devel

1.  下载nginx安装包

wget -c https://nginx.org/download/nginx-1.16.1.tar.gz

1.  解压

tar -zxvf nginx-1.16.1.tar.gz

1.  使用默认配置进行安装

# 进入到nginx解压后的目录
    cd nginx-1.16.1
    # 使用默认配置
    ./configure

1.  编译安装

make && make install

1.  默认安装后的地址：

/usr/local/nginx

1.  nginx相关命令

# 进入到nginx界面
    cd /usr/local/nginx/sbin/
    # 启动nginx
    ./nginx 
    # 停止nginx
    ./nginx -s stop
    # 重新加载nginx
    ./nginx -s reload

## 3.2 编写HTML界面 ##

服务器安装nginx软件后，我们需要在我们的笔记本上编写我们的个人网站。

在这里给大家分享一个免费的HTML网页地址：

http://www.mobanwang.com/

![image-20210125095854166][]

找到自己心仪的网站，可以直接点进去下载后进行修改。

修改完成后，将整个文件夹内的所有内容上传至你的服务器的/usr/local/nginx/html的目录下面。

![image-20210125103441168][]

## 3.3 修改nginx.conf ##

修改nginx的配置文件nginx.conf，将server\_name后的地址修改为你所购买的域名地址。

#user nobody;
    worker_processes  1;
    
    events { 
        worker_connections  1024;
    }
    
    http { 
        include       mime.types;
        default_type  application/octet-stream;
    
        sendfile        on;
    
        keepalive_timeout  65;
    
        server { 
            listen       80;
            # 将server_name后的内容修改为你所购买的域名地址
            server_name  lovebetterworld.com;
    
            #access_log logs/host.access.log main;
            location / { 
                root   html;
                index  index.html index.htm;
            }
    
            #error_page 404 /404.html;
    
            # redirect server error pages to the static page /50x.html
            error_page   500 502 503 504  /50x.html;
            location = /50x.html { 
                root   html;
            }
        }
    
    }

修改完nginx的配置文件后，我们通过命令检查nginx配置文件是否有误。

![image-20210125100409949][]

出现如图所示，则表示nginx配置文件无误，则重启nginx。

![image-20210125100459396][]

# 四、浏览器输入域名验证 #

找到自己笔记本或手机的任意浏览器，输入你购买的域名，即可访问到你的个人网站了。

*  个人网站：https://www.lovebetterworld.com/
 *  往后余生，只想分享一些干货，分享一些工作，学习当中的笔记、总结，并帮助需要帮助的任何人，关注我，大家一起来学习吧！

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FuMTA5MDIzOTc4Mg_size_16_color_FFFFFF_t_70_pic_center]

[Link 1]: https://baike.baidu.com/item/%E6%9C%8D%E5%8A%A1%E5%99%A8/100571
[ee9cc0f1a97334306d4984e83bb50e4e.png_pic_center]: /images/20221119/3097869d82c7408195972132aaee0ef2.png
[image-20210125091552233]: https://img-blog.csdnimg.cn/img_convert/a167ceb972a2095f26a91bccba9e7ecc.png
[Internet]: https://baike.baidu.com/item/Internet
[Link 2]: https://baike.baidu.com/item/%E8%AE%A1%E7%AE%97%E6%9C%BA/140338
[image-20210125093244416]: https://img-blog.csdnimg.cn/img_convert/13c2d240feba9b1dadfbea3c5b7a23a2.png
[image-20210125093818043]: https://img-blog.csdnimg.cn/img_convert/a0f183c9f600c0f8c60f1a399298525e.png
[image-20210125094043782]: https://img-blog.csdnimg.cn/img_convert/dd3f55dd1ab0a1932e4c09eacbebaddd.png
[9bd6ec25db03de822156e459a10a7be7.png_pic_center]: https://img-blog.csdnimg.cn/img_convert/9bd6ec25db03de822156e459a10a7be7.png#pic_center
[image-20210125094714340]: https://img-blog.csdnimg.cn/img_convert/44200bee8526c47327b3a85067839e95.png
[image-20210125095854166]: https://img-blog.csdnimg.cn/img_convert/566055f1eafc4cf3e2c3a663962d18f6.png
[image-20210125103441168]: https://img-blog.csdnimg.cn/img_convert/62d4c9adbd65eb45c327c2029106ddbf.png
[image-20210125100409949]: https://img-blog.csdnimg.cn/img_convert/bd7b3b7ecc3d8d5b721a11665770c30c.png
[image-20210125100459396]: https://img-blog.csdnimg.cn/img_convert/23dd0d236cff6862172cdb0059bc1dcb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FuMTA5MDIzOTc4Mg_size_16_color_FFFFFF_t_70_pic_center]: https://img-blog.csdnimg.cn/20210125104016650.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FuMTA5MDIzOTc4Mg==,size_16,color_FFFFFF,t_70#pic_center