搭建自己的个人网站

需求

  • 一套网站代码文件
  • 一台服务器（这里采用的阿里云的试用服务器，也可以是自己的电脑）
  • 一个操作服务器的软件（这里使用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查看端口状态。

  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/hhy_123963/article/details/81080553
  2. 完整操作步骤视频：https://www.bilibili/video/BV1rU4y1J785

更多推荐

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