从0开始的建站尝试 #day1

租赁服务器和推荐软件

1、推荐服务器
腾讯云、阿里云服务器,价格比较便宜,适合学生党,记得保存或修改root密码。

2、推荐工具
①Terminus,一款实用的终端模拟器,方便快捷,最重要的是免费!Terminus官网
②Winscp,开源图形化SFTP客户端,可以方便地在服务器和本机之间进行文件传输。当然也可以尝试通过rz和sz命令的方式传递文件。Winscp官网
③Nginx,主流的web服务器软件,负责访问某个ip下的某个指定位置。Nginx官网

编写网页前端

首先我们需要一个简单的html界面。如index.html,接着使用winscp将网站上传至私人服务器的某个特定路径下。

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>
            潞北北的网站
        </title>
        <style>
            body {
                text-align: center;
                padding: 50px;
            }
        </style>
    </head>
    <body>
        <p>欢迎访问!</p>
        <img src="images/G11.jpg" width="20%" height="20%" />
    </body>
</html>

请添加图片描述

安装web服务器软件

安装Nginx,本人的服务器使用的是ubuntu,可以使用apt-get命令自动安装,本人在参考了博客后使用了手动安装的方式,安装版本为最新的稳定版即nginx-1.20.1。安装完毕后nginx文件夹下的内容如下。

#下载最新版本
wget http://nginx.org/download/nginx-1.20.1.tar.gz
#解压:
tar -zxvf nginx-1.9.3.tar.gz
#进入解压目录:
cd nginx-1.9.3
#配置:
./configure --prefix=/usr/local/nginx 
#编译:
make
#安装:
sudo make install
#进入/nginx/sbin启动:
./nginx

在这里插入图片描述
其中,html文件夹是默认的网页文件所在的位置,conf文件夹包含了以nginx.conf为主的nginx的配置文件,这时我们在浏览器中输入ip地址,就可以看到nginx默认的网页了。
请添加图片描述
可以选择删除nginx默认html文件并替换成自己的网页,也可以选择修改文件路径。

使用vim打开并编辑conf文件夹下的nginx.conf配置文件,即可将网页的路径设置成个人网页文件的存放路径。

关于nginx.conf文件,这里只需要修改http框架下server的location属性就好了,具体nginx.conf文件的写法参考博客官方文档
在这里插入图片描述
接着重启nginx服务,就可以看到你自己的网页啦!

./sbin/nginx -s reload

请添加图片描述
在这里插入图片描述

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值