全栈之旅： 如何快速搭建一个网站

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第6天，点击查看活动详情 身为前端，只在本地环境开发网页已经满足不了了，所以面向百度搭建了一个网站，这里记录一下。

搭建网站起手就是要准备一个云服务器和一个域名。

服务器选择阿里云服务器，因为有一个月的免费试用。

服务器购买就不说了，时效性不强。这里直接进入主题：当我们买完服务器会看到这个页面:

这里看到有两台云服务器，点击服务器，进入到服务器管理页面: 然后点击重置实例密码，此处为你连接服务器的密码，第一次连接一定要设置。 重置密码后就可以远程进入到自己的云服务器了，这里可以直接点击远程链接，也可以自己使用Xshell、宝塔等软件进行链接。我这里使用宝塔连接。

连接的大体流程都一样，需要你服务器的公网IP地址，和刚刚重新设置的服务器密码。 进入后先查一下自己得端口号是否占用

#输入代码
netstat -ntlp

我这里是已经安装好nginx并且进行了配置的，如果没有nginx可以执行命令安装。

# 输入代码 
yum install nginx

正常情况下一路Y就可以完成安装。安装之后输入代码nginx来启动服务，这时再执行上面查看端口号的命令，就可以看到nginx已经运行在80端口下了。并且此时在浏览器中直接输入自己的公网IP就可以看到自己的网页了：

此时我们就可以将自己的项目拖进云服务器中了，这里以VUE项目为例：

/usr/share/nginx/html为nginx默认的页面展示目录，所以将项目拉到这里(其他地方容易出现403权限问题)。最好不要直接将文件夹拖入，亲测会丢失文件。所以直接选择压缩包，进来再解压:

#执行代码
unzip dist.zip

如果没有unzip的话，可以 yum install unzip进行安装。解压完毕后需要更改一下nginx配置文件：

#执行代码
vim /etc/nginx/nginx.conf

在server对象中，设置网页根目录为 root /usr/share/nginx/html/dist ， 下面为开启gzip压缩。

如何修改?点击i键可进行修改。 如何保存退出? 点击esc键，然后: wq 就可退出。

之后执行命令nginx -s reload 就可重新运行nginx，这时在你的公网地址中，就可以看到你的页面了。