搭建自己的个人网站
需求
- 一套网站代码文件
- 一台服务器(这里采用的阿里云的试用服务器,也可以是自己的电脑)
- 一个操作服务器的软件(这里使用Xshell,用于上传网站代码文件和操作系统)
一、网站代码文件
-
新建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>
-
保存后修改文件名为index.html,文件名一定要是这个。
二、 服务器
-
申请免费试用云服务器,阿里云试用中心,选择一个云服务器申请免费试用,这里使用的是云服务器突发性能型t5,推荐使用Linux的CentOS8版本的系统。
-
申请完毕后进入控制台,点击左上角->选择云服务器ECS->我的云服务器,可以查看到公网和私网IP地址并记录下来,公网IP用去远程连接和外网访问。
-
点击云服务器实例右边的更多-> 网络和安全组->安全组配置->配置规则,在入方向快速添加http(80)端口,这样外网才可以通过网站访问云服务器。
4.更多->密码/密钥->重置实例密码,设置root(Linux管理账户)用户的密码。
三、Xshell服务器操作工具
-
打开Xshell新建会话,将host设置为云服务器的公网IP,使用root用户登录,密码是上面第4步设置的。双击会话连接云服务器。
-
在Xshell命令行中输入yum -y install lrzsz安装文件传输工具,查看是否安装成功,其命令为:rpm -qa|grep lrzsz
-
在云服务器上创建一个网站代码存放的目录,命令为:
mkdir /web/FirstWeb
,进入目录下,命令:cd /web/FirstWeb
-
输入rz,回车,选择网站代码文件在自己主机的位置然后确定,输入
ll
命令查看是否上传成功。注意要有index.html文件 -
此时云服务器的80端口还没有程序在运行,需要安装web服务器,这里使用nginx,输入命令:
yum install nginx
,然后需要输入两三次y确认安装,直至安装完成。输入:nginx
开启web服务器,然后输入:netstat -ntlp
查看端口状态。 -
此时在浏览器输入自己云服务器的公网IP:
http://39.101.136.80/
,可以显示如下界面: -
在Xshell命令行输入:
vim /etc/nginx/nginx.conf
,(需要先学习一下vim编辑器的使用),更改nginx默认文件目录,将其路径修改为自己的index.html所在的文件路径,保存退出。
-
在浏览器中输入自己云服务器的公网IP:
http://39.101.136.80/
,即可显示自己的网页内容。
四、参考博客
- xshell如何传输文件:https://blog.csdn.net/hhy_123963/article/details/81080553
- 完整操作步骤视频:https://www.bilibili.com/video/BV1rU4y1J785