使用阿里云服务器搭建自己的个人网站

搭建自己的个人网站

需求

  • 一套网站代码文件
  • 一台服务器(这里采用的阿里云的试用服务器,也可以是自己的电脑)
  • 一个操作服务器的软件(这里使用Xshell,用于上传网站代码文件和操作系统)

一、网站代码文件

  1. 新建txt文件,添加内容一下内容(用于测试):

    <!DOCTYPE html>
    <html>
    <head>
    	<meta charset="utf-8">
    	<title>My first web</title>
    </head>
    <body>
    	<h2>This is my personal web site!</h2>
    </body>
    </html>
    
  2. 保存后修改文件名为index.html,文件名一定要是这个。

二、 服务器

  1. 申请免费试用云服务器,阿里云试用中心,选择一个云服务器申请免费试用,这里使用的是云服务器突发性能型t5,推荐使用Linux的CentOS8版本的系统。

  2. 申请完毕后进入控制台,点击左上角->选择云服务器ECS->我的云服务器,可以查看到公网和私网IP地址并记录下来,公网IP用去远程连接和外网访问。
    在这里插入图片描述

  3. 点击云服务器实例右边的更多-> 网络和安全组->安全组配置->配置规则,在入方向快速添加http(80)端口,这样外网才可以通过网站访问云服务器。
    在这里插入图片描述
    4.更多->密码/密钥->重置实例密码,设置root(Linux管理账户)用户的密码。

三、Xshell服务器操作工具

  1. 打开Xshell新建会话,将host设置为云服务器的公网IP,使用root用户登录,密码是上面第4步设置的。双击会话连接云服务器。 连接成功的状态

  2. 在Xshell命令行中输入yum -y install lrzsz安装文件传输工具,查看是否安装成功,其命令为:rpm -qa|grep lrzsz
    成功安装的状态

  3. 在云服务器上创建一个网站代码存放的目录,命令为:mkdir /web/FirstWeb,进入目录下,命令:cd /web/FirstWeb
    在这里插入图片描述

  4. 输入rz,回车,选择网站代码文件在自己主机的位置然后确定,输入ll命令查看是否上传成功。注意要有index.html文件 在这里插入图片描述

  5. 此时云服务器的80端口还没有程序在运行,需要安装web服务器,这里使用nginx,输入命令:yum install nginx,然后需要输入两三次y确认安装,直至安装完成。输入:nginx开启web服务器,然后输入:netstat -ntlp查看端口状态。 开启web服务器的状态

  6. 此时在浏览器输入自己云服务器的公网IP:http://39.101.136.80/,可以显示如下界面: 在这里插入图片描述

  7. 在Xshell命令行输入:vim /etc/nginx/nginx.conf,(需要先学习一下vim编辑器的使用),更改nginx默认文件目录,将其路径修改为自己的index.html所在的文件路径,保存退出。
    在这里插入图片描述

  8. 在浏览器中输入自己云服务器的公网IP:http://39.101.136.80/,即可显示自己的网页内容。
    在这里插入图片描述

四、参考博客

  1. xshell如何传输文件:https://blog.csdn.net/hhy_123963/article/details/81080553
  2. 完整操作步骤视频:https://www.bilibili.com/video/BV1rU4y1J785
  • 6
    点赞
  • 39
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值