搭建个人网站教程
文章目录
前言
本人最近想从零开始搭建个人网站,希望能够搭建一个自己的博客系统,在此记录一下整个搭建过程,供自己回忆及他人参考!
在此先实现一个最为简单的搭建步骤,实现能够通过IP或者域名访问个人网站,首先介绍一下搭建过程中的具体流程:
- 租一台云服务器
- 远程连接服务器,安装web服务器
- 准备一份网站代码文件
- 将网站代码文件上传至云服务器特定目录
- 修改web服务器的默认网页访问路径
一、云服务器
1.1购买服务器
国内云服务器有很多供应商,比如阿里云、腾讯云等,这些云供应商都很很多免费试用的活动,可以去体验一波。本文采用的是阿里云,在申请个人试用或者购买后,点击控制台,来到云服务器ECS模块,如下图所示:
在对云服务器配置时,最好选择linux系统,可以选择centOS或者Ubuntu。设置好用户和密码,在控制台中选择实例可看到准备好的服务器,如下图所示:
可以查看到服务的公网IP地址,以后即可以通过这个IP访问我们的网站。
1.2远程连接服务器
可以下载Xshell等远程服务软件或者SSH命令方法远程连接服务器,在此使用SSH方法连接:点击终端,输入命令:
ssh root@[公网IP地址]
输入命令后即可远程连接至我们的服务器:
之后即可输入命令正常操作远程服务器,使用mkdir新建文件夹用以存放个人网站文件。
二、网页文件
2.1网页文件准备
准备好网页文件,由于现在是搭建网站的第一步,可以先准备一个较为简单的网页文件如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>XXX的主页</title>
<h1>欢迎来到XXX的主页!</h1>
</head>
<body>
<p>hello!</p>
</body>
</html>
2.2上传文件至远程服务器
可以使用rz -E命令上传文件至服务器,有时使用该命令时,会遇到传输失败的问题,主要的问题是没有安装lrzsz插件;
所以首先需要安装lrzsz插件:centOS安装的命令为yum install XXX,ubuntu安装命令为apt-get install XXX,由于本文使用的是ubuntu系统,使用如下命令安装:
不难看出安装过程中容易出现错误,这时需要 apt-get update和upgrade,输入以下命令即可安装成功:
apt-get update
apt-get upgrade
apt-get install lrzsz
Mac rz命令上传错误(踩坑)
macOS系统完成安装好,使用rz命令时,有可能还会出现以下错误上传不了文件:
这是由于在Mac的terminal终端里默认是不能使用这两个工具的,需要安装第三方的iTerm2终端。可以参考以下教程解决问题:
教程1
教程2
不过可以采用Mac自带的 Shell新建远程连接的功能:
找到安全文件传输,点击连接按钮
输入密码:
输入命令“ put 本地文件路径 远程路径 ”将本地的文件上传到服务器;下载文件到本地输入命令:get 【服务器路径】 【本地文件路径】。如图所示:
如此即可顺利将文件上传至远程服务器!
三、安装web服务器
nginx安装
我们需要在远程服务器安装web服务器,目前nginx是较为流行的web服务器,本文安装nginx至远程服务器上,ubuntu系统输入命令:
apt-get install nginx
centOS系统输入命令:
yum install nginx
输入nginx -v命令即可查看安装的版本
输入命令service nginx start 即可启用nginx
nginx开启成功后,正常情况下输入公网IP地址,即可看到nginx的默认主页。
开通80端口安全组(踩坑)
访问失败可以输入nginx命令,可以看到访问80端口失败
原因是因为安全组未开放80端口。安全组是一种虚拟防火墙,可用于管理云服务器的出入流量,云服务器端口的开放或禁用就是通过设置安全组规则来实现的,默认阿里云服务器只开放了22和3389端口; 搭建网站需要开启80端口,阿里云服务器80端口是在安全组中开通的。
手动添加后输入信息:
保存后即添加成功,再输入网址即可访问到nginx的默认页面。
四、修改默认网页路径
4.1 默认网页
nginx的相关配置文件放置于/ext/nginx目录下,找到包含默认网页加载路径的文件:
进入/exc/nginx/sites-enabled目录,使用vim命令编辑default文件。
server后的root后面的路径为默认加载网页文件路径
进入/var/www/html文件夹路径即可看到默认网页文件index.nginx-debian.html
打开可以看到默认网页文件内容,即之前所看到的nginx的默认页面文件内容,可以修改默认网页文件内容修改默认网页,但通常不会这么做,一般是修改默认网页路径为个人网页文件路径。
4.2 修改默认网页文件路径
修改/exc/nginx/sites-enabled目录下default文件,root后的为默认文件路径,index后为文件路径下默认网页文件名称。
修改成功后即可在浏览器中输入公网IP,访问默认网页内容;
4.3 踩坑
重新加载配置
注意!!!有时候修改后发现没有成功,需要使用nginx -s reload命令重新加载配置,重新加载配置后即可修改成功。
nginx权限
当把个人网页文件作为默认网页放置在/root目录下,会出现网页访问不成功的情况,原因是nginx对该目录没有权限;除了root账户对该目录有权限外,其他账户没有权限,而nginx运行时所使用的的账户不可能是root,所以nginx对该目录没有任何权限。
可以将个人网页文件放置在root外的其他目录下,即可访问成功。
总结
以上就是搭建个人网站的简单流程,后续将陆续丰富个人网站,争取搭建出个人博客系统!yeah!!!