将html页面部署到阿里云服务器

一、购买阿里云服务器ECS并选择镜像

镜像-镜像市场-搜索宝塔Linux面板进行安装,其余参数选择默认即可
若镜像选择错误也可以进行如下操作:
1.先将实例停止
在这里插入图片描述
2.再更换操作系统
在这里插入图片描述
3.搜索宝塔Linux面板
在这里插入图片描述
4.自定义密码
在这里插入图片描述

二、进行配置

1.配置安全组

配置安全组,使得之后的端口可以访问
在这里插入图片描述
点击配置规则
在这里插入图片描述
手动添加80和8888端口
80为外部访问端口,一般省略
8888端口供宝塔服务器使用

在这里插入图片描述

2.宝塔Linux面板配置

复制公网ip地址
在这里插入图片描述
在新的页面输入ip地址后面加:8888即可访问宝塔Linux面板
在这里插入图片描述
但使用刚才设置的账号密码无法登陆,需要查看宝塔默认的账号密码
点击远程连接-Workbench远程连接-立即登录
在这里插入图片描述
进入页面-输入密码-确定在这里插入图片描述
在命令行输入:

bt default

回车
显示默认的账号密码
在这里插入图片描述
回到刚才的宝塔Linux面板页面进行登录
登录成功
在这里插入图片描述

三、进行部署

1.安装Nginx

软件商店-搜索Nginx-进行安装
在这里插入图片描述

2.Nginx配置

软件商店-已安装-Nginx-设置-配置修改
62行的listen 888;为监听888端口
65行root /www/server/phpmyadmin;表示在此路径下去寻找
将62行的listen 888改为80
将64行的index.html改为combine.html,因为一会儿要上传的网页名字为combine.html
在这里插入图片描述
保存-重启Nginx服务
在这里插入图片描述
文件-找到www-server,新建phpmyadmin目录
(根据刚才的Nginx配置文件中65行root /www/server/phpmyadmin)
在这里插入图片描述
进入phpmyadmin目录-上传-拖入要上传的html文件-开始上传
在这里插入图片描述
部署完成

四、效果展示

在新的页面输入公网ip地址,便可以访问在这里插入图片描述

  • 16
    点赞
  • 77
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
要在阿里云服务器部署静态页面,首先你需要安装一个Web服务器软件,比如Nginx或Apache。以下是使用Nginx部署静态页面的步骤: 1. 登录到你的阿里云服务器。 2. 使用root用户或拥有sudo权限的用户打开终端。 3. 更新系统软件包列表和已安装软件包:sudo apt update && sudo apt upgrade。 4. 安装Nginx:sudo apt install nginx。 5. 安装完成后,启动Nginx服务:sudo systemctl start nginx。 6. 确保Nginx服务已经启动:sudo systemctl status nginx。 如果服务已经启动,你应该能看到类似以下的输出: ● nginx.service - A high performance web server and a reverse proxy server Loaded: loaded (/lib/systemd/system/nginx.service; enabled; vendor preset: enabled) Active: active (running)... 7. 确保防火墙允许HTTP流量通过:sudo ufw allow 'Nginx HTTP'。 8. 打开你的网页浏览器,输入服务器的IP地址或域名,如果一切正常,你应该能看到Nginx的默认欢迎页面。 9. 现在,你可以将你的静态页面放置到Nginx的默认站点目录中:/var/www/html/。 默认情况下,该目录下有一个index.html文件,你可以将其替换为你自己的静态页面。 10. 如果你想使用自定义域名访问你的静态页面,你需要将域名解析到你的服务器IP地址。 在阿里云控制台或你的域名注册商的管理界面上进行相应的设置。 11. 刷新你的网页浏览器,输入你的自定义域名或服务器IP地址,应该能看到你部署的静态页面了。 这只是一个基本的部署过程,根据你的需求和实际情况可能会有一些额外的配置和调整。如果你需要进一步的帮助或有其他问题,请随时提问。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值