本文介绍了怎么把自己本地开发的web静态页面部署到自己的服务器上.

本人也是小白,捣鼓了半天,在这里记录分享下心得,哈哈.

本文以腾讯云服务器为例, 电脑为mac系统

步骤:

• 申请或购买云服务器
• 配置服务器相关配置
• 安装nginx
• 本地安装FTP
• 上传项目

申请或购买云服务器

1. 注册腾讯账号

腾讯云官网: https://cloud.tencent.com

• 进入网站后点击注册新账号

demo1.jpeg

• 然后根据提示注册,
  可以用微信扫码注册,
  也可以用其他方式

demo2.jpeg

注册完成后,登录腾讯, 第一步就完成了~

购买云服务器

1. 再上方导航栏产品中找到云服务器,点击跳转到购买页,点击立即选购按钮跳至购买页

demo3.png

友情提示: 也可以点击左边的最新活动里看一看哦,一般活动的售价要比正常买的便宜很多(ps: 本人新手优惠买了个1年的1核2G服务器,每月才16.5哦)

• 地域的选择根据个人选择
• 配置我选择的是入门配置(1核1GB),同学们可以根据自己的需要来进行选择
• 系统选择的是CentOs7.2 64位(推荐选CentOs系统)
• 公网带宽我选的是1Mbps
• 时长可根据自己的需求来选择

demo4.png

修改密码&添加安全组

购买完服务器后,可以点击首页右上角的控制台在云产品里点击云服务器进行查看

demo05.png

如图: 重置密码步骤

1.找到购买服务器所选地域的分类,在该分类下找到服务器实例

2. 选中服务器实例,点击关机按钮把服务器实例关机
3. 在操作里选择更多下的密码/秘钥下的重置密码,点击重置
4. 根据提示重置完成密码后,返回到实例页

demo06.png

添加安全组

1. 同样的在实例的操作里的更多下面的安全组里,点击配置安全组
   2 .在提示框里点击新建安全组,跳转至安全组配置页面,在安全组配置页面中点击新建,腾讯云会提供默认的安全组模板,点击确定即可

demo08.png

3. 重新返回实例页,在操作里点击配置安全组,这时候刚才新建的安全组已经显示出来了,选中刚才新建的安全组,点击确认即可

demo09.png

安装Nginx

• 登录服务器
  1. 查看你的公网ip

demo10.png

2. 打开电脑终端 输入命令(注意:把命令后面的公网ip49.235.81.216换成自己的)

ssh root@49.235.81.216

按提示输入你的服务器密码

• 安装Nginx
  线上服务器一般为Linux操作系统，这里选择以CentOS系统为代表来介绍如何安装。一般通过yum包管理安装，命令如下：

yum -y update
yum install epel-release // 因为要从epel仓库安装Nginx
yum install nginx

安装完毕后，启动Nginx，命令如下：

systemctl start nginx
systemctl enable nginx  //  设置系统自启动

默认情况下CentOS防火墙会拦截Nginx，需要配置防火墙允许Nginx被访问，命令如下：

firewall-cmd --zone=public --permanent --add-service=http
firewall-cmd --zone=public --permanent --add-service=https
firewall-cmd -reload

安装完成后在浏览器输入你的公网ip,出现以下页面就代表你安装成功了~

demo11.jpeg

该页面上会提醒你当前页面的html存放在你服务器上的位置和Nginx配置文件的路径

如果只是单纯的想部署静态页面,直接到对应的路径下,把对应的html文件替换掉就好