部署静态页面到腾讯云服务器
提倡用nginx搭建静态服务器, 很简单
1.首先用xshell 或者 finalshell 或者 winSCP 或者 FileZilla
xshell下载地址https://xshell.en.softonic.com/
1.输入用户名 密码 连接服务器
2.连接成功 , 直接在服务器上执行以下操作:
1.安装yum
新建一个目录用来保存yum安装包
mkdir xxxx
2.进入文件夹并输入命令
wget http://yum.baseurl.org/download/3.2/yum-3.2.28.tar.gz
3.解压
tar -xvf yum-3.2.28.tar.gz
4.解压后手动创建一个yum的conf文件,否则可能会报找不到文件的错yum.cli:Config Error: Error accessing file for config file:///etc/
touch /etc/yum.conf
5.进入yum目录,脚本安装
cd yum-3.2.28
./yummain.py install yum
期间会提示安装新版本
3.安装nginx
1.在 CentOS 上,可直接使用 yum 来安装 Nginx
yum install nginx -y
2.安装完成后,使用 nginx 命令启动 Nginx:
nginx
此时,访问公网 ip 可以看到 Nginx 的测试页面, 下图:
如果无法访问,请重试用 nginx -s reload 命令重启 Nginx
4.配置静态服务器访问路径
外网用户访问服务器的 Web 服务由 Nginx 提供,Nginx 需要配置静态资源的路径信息才能通过 url 正确访问到服务器上的静态资源。
1.打开 Nginx 的默认配置文件 /etc/nginx/nginx.conf
2.修改 Nginx 配置
将默认的: root /usr/share/nginx/html;
修改成为: root /data/yipeng/index.html;
配置文件将 /data/yipeng/index.html 作为所有静态资源请求的根路径,
你也可以修改成为: root /data/yipeng; 此时配置文件将 /data/yipeng 作为所有静态资源请求的根路径,然后就可以把自己的页面静态文件 css, js,html 全拉进 yipeng 文件夹下,也可以建文件夹
3.按照第一种方法修改 root,如访问: http://<自己的域名>,将会去 /data/yipeng/index.html 的路径
4.让我们在 /data 目录 下创建 yipeng 目录,如:
我们可以用到 WinSCP 软件,代替Linux命令行创建访问文件
在 /data 目录 下创建 yipeng 目录
5.现在我们需要重启 Nginx 让新的配置生效,如:
nginx -s reload
重启后,就已经可以使用我们的静态服务器了,再新建一个静态文件,查看服务是否运行正常。
6.创建第一个静态 html 文件
在 /data/yipeng 目录下创建我们的静态文件 index.html
示例代码:/data/yipeng/index.html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Hello</title>
</head>
<body>
hello
</body>
</html>
7.1.现在访问 http://<您的域名> 或者 公网 ip ,因为我们 root 直接指向 /data/yipeng/index.html; 所以我们直接用 http://<您的域名> 或者 公网 ip 就可以看到自己的页面了
到此,一个基于 Nginx 的静态服务器就搭建完成了
7.2.如果你是选择第二种修改方法: root /data/yipeng/index.html; 那么现在访问 http://<您的域名>/index.html 或者 公网 ip/index.html 就可以看到自己的页面了,并且现在所有放在 /data/yipeng 目录下的的静态资源都可以直接通过域名访问。
如果无显示,请刷新浏览器页面
到此 您已经成功完成了 搭建Http静态服务器环境。
如果自己买了域名, 直接解析 就行了, 代替 公网ip
部署静态页面到腾讯云服务器相关推荐
- 【Java】购买腾讯云服务器,并部署Spring boot项目,再到部署自己的个人博客,域名备案,安全连接配置
云服务器部署 一.购买腾讯云服务器 二.简单配置 2.1 进入控制台 2.2 配置防火墙 2.3 配置访问密码 三.远程ssh登录连接服务器 四.云服务器安装软件 4.1 安装JDK 4.2 安装My ...
- 把本地web项目部署在腾讯云服务器上
把本地web项目部署在腾讯云服务器上 怎样把本地web项目部署在腾讯云服务器上? 1.准备本地项目 2.配置云计算机 3.配置云服务器 4.部署项目 5.运行项目 怎样把本地web项目部署在腾讯云服务 ...
- 腾讯云服务器部署python项目(阿里云通用)
腾讯云服务器宝塔面板部署python项目(阿里云通用) 老师留的一项web作业完成的时候踩了很多坑,所以出个教程,大家一起学习进步. ## 购买云服务器 查看了腾讯云和阿里云的学生服务器的相关活动,为 ...
- 腾讯云服务器购买详细流程
最近码笔记需要几台腾讯云服务器,对比了轻量应用服务器和云服务器CVM,发现轻量服务器的公网带宽较高,平均下来配置较高,但是不清楚轻量的性能会不会比CVM差,这是一点比较担忧的,并且轻量是限制流量的. ...
- 腾讯云服务器购买方法流程(图文教程)
最近写笔记教程需要几台腾讯云服务器,对比了轻量应用服务器和云服务器CVM,发现轻量服务器的公网带宽较高,平均下来配置较高,但是不清楚轻量的性能会不会比CVM差,这是一点比较担忧的,并且轻量是限制流量的 ...
- 入门之:如何在腾讯云服务器上部署自己的静态前端项目(服务器系统:centos7)
需要准备的东西有: 1.腾讯云服务器 1.1.安装nginx代理 1.2.安装FTP服务(用于linux服务器接收我们本地电脑上传的文件) 2.FileZilla(在个人电脑上安装,用于上传文件到服务 ...
- django部署iiswin10_基于Windows平台的Django在本地部署和腾讯云服务器上部署的方法教程(一)...
环境: VS2015 IIS python3.6.1 django 1.11.14 打开VS2015,新建一个django项目. 这里注意一点:确保python的安装路径中没有中文,没有空格. 我的安 ...
- 基于腾讯云服务器部署微信小程序后台服务(Python+Django)
一 前言 微信小程序,相信大家早已熟知,它是一种无需下载安装即可使用的轻型应用,具有跨平台和接近Native App性能体验的优势.从开发模式上说,它是前后端分离的,微信小程序负责实现前端应用,后端服 ...
- 腾讯云服务器的项目部署
Tomcat命令 动态WEB资源目录结构 website(根目录) /------静态页面(HTML.CSS.JS.图片) /------JSP页面 /------WEB-INF /-----web. ...
最新文章
- 解密优秀博士成长史 ——微软亚洲研究院首届博士生学术论坛Panel讨论经验总结
- spark mongo java_java及spark2.X连接mongodb3.X单机或集群的方法(带认证及不带认证)...
- Linux / Ubuntu Desktop / 设置静态 IP 的方法
- 火了!16岁高中生做的 Python 3.9 八大新特性图
- freemarker迭代list、map等常规操作
- error: object MultivariateNormalDistribution is not a member of package
- CF1039E-Summer Oenothera Exhibition【LCT,根号分治】
- 使用ISE一键生成bit文件
- php 查oracle 表不存在报错处理,合同信息查询时,报错提示oracle数据库执行异常,表或视图不存在...
- SwitchHost提示管理员身份运行,不能修改hosts文件
- 数据存储的未来,磁带是赢家?!
- 不用花钱,让你百度网盘满速下载的神器!简单实用教程
- oracle索引如何提高效率,ORACLE用索引提高效率
- 俄亥俄州立大学计算机专业排名,俄亥俄州立大学计算机科学专业
- 关键字查询输入%问题
- SGE集群系统了解与常用操作命令
- 解决ValueError: too many values to unpack
- android如何基于父布局,如何根据父视图的尺寸调整Android视图的大小
- 苹果商城怎么调成中文_使用苹果手机时,你感觉最不舒服的地方有哪些?
- 给uGUI添加自定义中文字库
热门文章
- 迷宫问题超详解(栈实现)
- YOLOv5、v7改进之二十六:改进特征融合网络PANet为ASFF自适应特征融合网络
- 使用虚拟主机安装cyberpanel面板并创建wordpress站点
- 关于初始化数据库时报错及解决办法(常见故障整理)
- 学的中专计算机专业可以考大专吗,我是中专计算机系毕业的,可以考哪些国家职业资格证书...
- 语音群呼 售前营销售后服务一体化
- ###《High-level event recognition in unconstrained videos》
- 关于Zion真实性问题的图文分析及其他 V1.06
- js(对象一行拆分为多行)
- P5587 打字练习