部署静态页面到腾讯云服务器

云服务器发布项目

一、静态服务器(提倡用nginx搭建)
1.1 连接远程服务器

推荐用xshell 或者 finalshell 或者 winSCP 或者 FileZilla
xshell下载地址:https://xshell.en.softonic.com/
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0CRXOFaU-1687760553488)(A1云服务器发布项目.assets/image-20220823185845327.png)]

1.2 Yum 安装
1.2.1 下载yum安装包
mkdir xxxx # 新建一个目录用来保存yum安装包 

进入文件夹并输入以下命令:

wget http://yum.baseurl.org/download/3.2/yum-3.2.28.tar.gz # 在线下载yum安装包 

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ER473nAS-1687760553488)(A1云服务器发布项目.assets/image-20220501121525446.png)]

1.2.2 解压yum安装包
tar -xvf yum-3.2.28.tar.gz

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NX5afqxH-1687760553489)(A1云服务器发布项目.assets/image-20220501121434295.png)]

1.2.3 安装yum

① 解压后手动创建一个yum的conf文件

(否则可能会报找不到文件的错yum.cli:Config Error: Error accessing file for config file:///etc/)

touch /etc/yum.conf

② 进入yum目录,脚本安装

cd yum-3.2.28
./yummain.py install yum

③ 期间会提示安装新版本
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vyroINiL-1687760553489)(A1云服务器发布项目.assets/image-20220501121719318.png)]

1.3 Nginx 安装
1.3.1 安装 Nginx
yum install nginx -y

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GPkp88Mm-1687760553490)(A1云服务器发布项目.assets/image-20220501121626998.png)]

1.3.2 启动 Nginx
nginx
1.3.3 测试 Nginx
  • 访问公网 ip 可以看到 Nginx 的测试页面, 如下图:
  • 如果无法访问,请重试用 nginx -s reload 命令重启 Nginx
    在这里插入图片描述
1.3.4 Nginx常用操作命令
nginx -s reload     # 修改配置后重新加载生效
nginx -s reopen     # 重新打开日志文件
nginx -t # 测试nginx配置文件是否正确
nginx -t -c /path/to/nginx.conf # 测试nginx配置文件是否正确
nginx -s quit       # 完整有序的停止nginx
nginx -s stop       # 快速停止nginx

ps -ef | grep nginx  # 查询 nginx 运行线程号
kill -QUIT 主进程号   # 从容停止Nginx
kill -TERM 主进程号   # 快速停止Nginx
pkill -9 nginx       # 强制停止Nginx
killall nginx        # 停止所有Nginx
1.4 配置服务器访问路径
  • 外网用户访问服务器的 Web 服务由 Nginx 提供

  • Nginx 需要配置静态资源的路径信息才能通过 url 正确访问到服务器上的静态资源。

1.4.1 打开Nginx 配置文件

Nginx 的默认配置文件路径: /etc/nginx/nginx.conf
在这里插入图片描述

1.4.2 修改 Nginx 配置文件

一、

将默认的: root /usr/share/nginx/html;

修改成为: root /data/yipeng/index.html;

配置文件将 /data/yipeng/index.html 作为所有静态资源请求的根路径

二、

将默认的: root /usr/share/nginx/html;

修改成为: root /data/yipeng;

此时配置文件将 /data/yipeng 作为所有静态资源请求的根路径

然后把自己的页面静态 css、js、html 文件复制到 yipeng 文件夹下即可

也可以此文件夹中再次创建子文件夹

1.4.3 重启 Nginx
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值