【详细步骤】从0到1搭建个人网站

【写在前面】

想把自己写的前端项目放在个人网站上吗？想要别人通过域名访问网址的方式看你的简历吗？

不知道具体步骤？没关系，按照下面的步骤开始吧～～

费用多少？只需要39+1人民币（服务器费用一年+域名费用一年）

【正文】

*截图中部分个人信息已做马赛克，所以不用惊讶截图为什么有的地方是空白哦～

1.购买服务器

如果已经有服务器，此步骤可跳过。

我购买的是华为云服务器，新用户支付39元可获得1核2G的服务器使用一年，选择截图左边星耀云服务器，填写信息购买即可。阿里云、腾讯云之类的也可以选，新用户都有优惠。

服务器购买地址：特惠专区_云服务器_云主机_企业上云-华为云

*注意：服务器如果选的是国内的，后续使用域名访问的网站需要做备案，备案步骤在后面也有指引。如果不想做备案，需要选择国外的服务器。

服务器购买成功后可在云耀云服务器控制台查看服务器运行情况、公网地址等等

 服务器控制台地址：https://console.huaweicloud.com/lcs/?locale=zh-cn&region=cn-north-1#/lcs/manager/vmList

2.购买域名

虽然没有域名也可以通过公网地址访问，但这存在一定的风险。同样是新用户捡漏～

新注册用户送域名1元购盲盒，抢到代金券后再消费，很划算，com结尾的域名是用的最多的，如果没抽中但就是想用的话，只能自己买了。。62元一年。。

链接：域名注册1元起_域名注册优惠_申请域名注册服务_网站注册域名低价购买-华为云

抢到优惠券后，在华为云官网的搜索中输入域名，会出现域名注册服务，点击“立即购买”

在域名查询中输入想要的域名（英文字母），已经被人使用的就买不了。使用优惠券的话就把相应后缀的域名加入清单（与加入购物车同理），在最后付款的时候会显示选择优惠券，付款即可。 

3.在服务器上部署环境

新买的服务器借助工具部署还是很简单的，方式也很多。在服务器控制台，点击远程登录

选择CloudShell 登录，VNC登录也可以，这里显示Linux云服务器是因为我在购买服务器时选择的就是这个。

使用密码登录上服务器后，就开始部署了，搭建的方式有很多，华为云官网上都有介绍，我这里使用的是手工安装宝塔面板的方式。

链接：手工安装宝塔面板（CentOS7.2）_弹性云服务器 ECS_最佳实践_华为云

在服务器终端面板处输入：

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

*注意：宝塔面板不支持CentOS 8 版本，之前购买服务器时选择了这个版本的系统的话，需要降到7.x，我买的时候没注意，然后就需要返回服务器控制台把服务器关闭之后，切换操作系统，换到7.x之后再输入上面的字符串运行。

安装完成后，服务器的终端面板处会显示登录宝塔面板的地址和账号密码，在浏览器中输入地址，在弹出框中输入用户名和密码，登录宝塔面板。

宝塔面板可以清楚的看到服务器的使用情况，进去的时候会有弹窗，询问是否安装环境，有FTP、PHP、Apache等等，选择安装，安装好之后点击左侧导航栏中的网站。

点击“添加站点 ”，我已经把自己的网站添加上去了，所以列表中会有一行记录。

创建站点中的域名可以输入多个域名，如果买的域名是zheshitest.com，那么输入框中可以输入

zheshitest.com回车www.zheshitest.com 回车m.zheshitest.com

这样PC和移动端都能访问～后面的信息可以自行选择是否创建，点击提交。

4.域名解析

此时输入网址会发现还是不可以访问的，这是因为还没有做域名解析。在华为云官网输入域名解析，找到云解析服务 DNS，点击进入。 

在云解析服务的导航栏中选择“公网域名”，点击域名那里的管理解析。

 云解析控制台地址：https://console.huaweicloud.com/dns/?region=cn-south-1#/dns/publiczones

 点击右上角的快速添加解析，IP地址那里 输入服务器的公网地址，点击确定，域名解析就好了，过几分钟（也可能十几分钟），网址就可以访问了，会显示站点创建成功的文字。

5.上传自己写的前端代码

前端代码在本地运行，生成dist文件夹。打开宝塔面板，导航栏选择“文件”，在域名文件夹里，把dist文件夹下的文件全部上传到该文件夹里即可，在浏览器中输入域名就可以访问自己的代码啦～

6.域名备案

浏览器输入域名后,显示以下截图内容，就说明域名需要备案了。

在华为云官网，点击或输入备案，按照步骤填写相关信息，个人网站上传一下身份证照片（拍好一点不然不好通过），后面会提示在手机上安装华为云app，通过人脸验证，之后等待审批结果即可。

域名备案是工信部要求，上传身份证和人脸识别都是安全的，可以放心～

到此流程就结束啦！如果有不明白的地方可以给我留言哦

此外还有防火墙、SSL证书之类的部署，部署这些后可以防止木马病毒、钓鱼网站、XXS攻击等等，网站会更安全，但由于需要费用，而自己也只是部署个人网站玩一玩，就没有去做。。