本地静态网页上传到服务器

这篇文章的目的是在服务器上建一个最基础的静态网页,在网上看了很多教程要么太高深涉及到PHP或者MySQL等高级的东西,对于像我们这种只想要在服务器上运行一个静态网页的教程很少(也有可能是我的搜索方法不对)所以想要写一篇这种教程来帮助学习了前端知识手头上又有服务器的同学
本文仅仅适合于HTML和CSS的静态网页,不涉及到高级操作,如果想要更高级的教程请搜索Apache

  • 在服务器上建立网页一共分成三步操作:

    • 打开80端口
    • 在服务器上安装httpd
    • 把静态文件上传到服务器

打开80端口

  • 因为我使用的是阿里云,所以在网页上就可以实现打开端口的操作,不用敲命令行打开防火墙了
  • 下面是图文教程:
  • 首先打开到这个网页,然后找到要上传网页的服务器,更多,网络和安全组,安全组配置

  • 然后点击配置规则

  • 点击添加安全组规则

  • 然后像这样填写

  • 这样就打开80端口了

服务器安装httpd

  • 进入云服务器控制台
  • 执行命令yum -y install httpd
  • 安装完成后,在浏览器中输入你的服务器的 ip 地址进行访问,这时应该出现一个这样的网页

  • 这时我们在看他网页下面的介绍(这里我使用了网页翻译)

  • 这里说的十分明确了,我们只需要把我们的网页文件上传到var/www/html/下面就可以了

把写好的网页文件上传到服务器上

  • 这里我推荐winSCP来把文件上传到服务器上

  • winSCP下载地址网页全中文,安装界面也是中文,安装一路无脑 next 就行

  • 安装好后,他会弹出一个对话框,让我们登录到这个服务器

  • 这里主机名填写你的服务器的ip地址,用户名和密码就是你登录服务器的密码

  • SFTP的端口号是22,阿里云默认是支持SFTP的,其他云我没有试过,应该安装好SFTP和打开22端口就可以正常使用了

  • 这时右面的是服务器里的内容,左面是电脑的内容

  • 这时,我们把服务器切换到var/www/html/目录下,再把左面的文件上传到服务器就可以了

  • 这时,打开你的服务器对应的公网IP,就可以看到你的网页了!(有时候可能因为服务器带宽不够,所以要多耐心等一小会)

本地静态网页上传到服务器相关推荐

  1. 做好的html 怎么上传到服务器上,怎么上传网页?怎样将做好的网页上传到服务器上?...

    怎么上传网页?怎样将做好的网页上传到服务器上?其实把完成的页面或者建站系统上传到购买的网站空间是很简单的.你只需要知道主机空间的IP地址.用户名和密码,就可以通过FlashFXP软件获取.这里小编以主 ...

  2. 网页上传到服务器中文乱码问题

    网页上传到服务器后用浏览器打开,中文都是乱码.特别是那些通过 include 引入进来的头部.脚部,正文ok,头.脚乱码. 解决方法:将代码格式保存为"utf-8无BOM格式"(最 ...

  3. 网页上传至服务器失败,网页上传到云服务器失败

    网页上传到云服务器失败 内容精选 换一换 将文件上传至Windows云服务器一般会采用MSTSC远程桌面连接的方式.本节为您介绍本地Windows计算机通过远程桌面连接,上传文件至Windows云服务 ...

  4. 怎么把网页上传到服务器,如何把网页上传到云服务器

    如何把网页上传到云服务器 内容精选 换一换 将文件上传至Windows云服务器一般会采用MSTSC远程桌面连接的方式.本节为您介绍本地Windows计算机通过远程桌面连接,上传文件至Windows云服 ...

  5. html网页上传到服务器_JSP+Servlet实现文件上传到服务器功能

    本文实例为大家分享了JSP+Servlet实现文件上传到服务器功能的具体代码,供大家参考,具体内容如下 项目目录结构大致如下: 正如我在上图红线画的三个东西:Dao.service.servlet 这 ...

  6. 如何在xshell中将网页上传到服务器

    1.xshell连接服务器 2.将tomcat上传到opt新建的web文件夹中 rz:上传指令 3.解压tomcat安装包:tar -zxvf apache-tomcat-8.5.64.tar.gz ...

  7. Java网络编程练习把本地的文件上传到服务器保存

    1)文件上传到客户端步骤: 1.创建客户端socket对象,指定要连接的服务器的ip地址和端口号 2.客户端socket对象调用getOutputStream方法,获取客户端的字节输出流对象 3.创建 ...

  8. dedecms网站轮播本地显示为什么上传到服务器就不显示了,dedecms后台上传图片实现图片轮播的方法...

    dedecms后台上传图片实现图片轮播的方法 发布时间:2020-09-15 11:55:13 来源:亿速云 阅读:110 作者:小新 dedecms后台上传图片实现图片轮播的方法?这个问题可能是我们 ...

  9. nodeJs中间件Multer详解_使用express实现本地文件/图片上传到服务器指定目录

    最终实现的效果,更改Input的值后,将图片显示出来.输入描述信息,提交后,图片上传到后台对应的路径下. Multer Multer 是一个node.js中间件,用于处理 multipart/form ...

  10. 给表增加字段 本地测试正常 上传到服务器不正常

    原因:因为手机预约tel是后面加上的,在网站上也运行过,所以有数据表缓存,但是缓存的数据表没tel字段,所以插入时,总是为空. 处理方法:清除缓存rutime->data->_feild- ...

最新文章

  1. 《预训练周刊》第36期: 谷歌提出梯度最大化增长方法GradMax
  2. 【原创】Android VMP加壳 POC
  3. 写了这么久前端,你知道浏览器原理吗?
  4. 山西省职业技能鉴定计算机操作员(中级工)理论知识试卷,山西省职业技能鉴定统一试卷 中级...
  5. tp3.2 BIND_MODULE与DEFAULT_MODULE
  6. Ubuntu20.04安装ZOOM
  7. AXD 查看register笔记
  8. 八块腹肌是如何练成的?入门减脂训练加饮食计划
  9. 我的2019年工作总结及对未来1年的计划和期许
  10. 流动性风险与次贷危机
  11. Java字符串反转函数reverse()
  12. HT单片机笔记1-时钟配置(2022/2/20)
  13. 打造自己的 APP「冰与火百科」(一):分析定位
  14. 百条网络工程师基础面试题(不断更新)
  15. 白色简洁大方公司企业网站源码 WordPress主题2款
  16. 今日科技联播:特斯拉回应苹果“疯狂挖人”,对方比我们有钱100倍
  17. 联通服务器信号怎么设置,联通4g网速太慢怎么办(怎么设置让联通4g网速变快)
  18. 华硕ac68u aimesh 连接不稳定的主要原因之一
  19. win8.1禁用驱动程序强制签名
  20. 真·拿嘴做视频!Meta「AI导演」一句话搞定视频素材,网友:我已跟不上AI发展速度...

热门文章

  1. juniper防火墙外部网址设置
  2. 数据驱动的互联网营销和运营专用名词速览
  3. 软件项目管理学习(一)
  4. python编程期末试题_大学moocPython编程基础期末考试答案
  5. 生命科学主要供应商排行榜
  6. 外媒的指责恰恰反映华为的通信设备足够安全、技术领先
  7. jQuery浮出广告插件带关闭
  8. PaddleHub创意作品 -无价之姐之三十而已
  9. 亲自体验跑跑卡丁车2010年魔改单机版(附安装包)
  10. 闲聊一下android 3D 网络游戏