个人网站搭建(一)

冒冒失失小鬼头

已于 2022-06-29 14:14:32 修改

阅读量605

点赞数 1

分类专栏：从零基础开始个人网站搭建文章标签：服务器 linux 运维

于 2022-06-29 14:04:01 首次发布

本文链接：https://blog.csdn.net/hjw15910531612/article/details/125511526

版权

从零基础开始个人网站搭建专栏收录该内容

1 篇文章 1 订阅

订阅专栏

搭建个人网站教程

文章目录

前言
一、云服务器
- 1.1购买服务器
- 1.2远程连接服务器
二、网页文件
三、安装web服务器
- nginx安装
- 开通80端口安全组（踩坑）
四、修改默认网页路径
总结

前言

本人最近想从零开始搭建个人网站，希望能够搭建一个自己的博客系统，在此记录一下整个搭建过程，供自己回忆及他人参考！
在此先实现一个最为简单的搭建步骤，实现能够通过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外的其他目录下，即可访问成功。

在这里插入图片描述