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

最新推荐文章于 2024-06-20 17:25:38 发布
最新推荐文章于 2024-06-20 17:25:38 发布
阅读量7.3k 收藏 40
点赞数 9
分类专栏： HTML5及CSS学习 文章标签： linux 云服务器 html5 css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46170034/article/details/105701114
版权
本文提供了一种简单的将本地静态HTML和CSS网页上传到阿里云服务器的方法。首先，通过阿里云控制台打开80端口，接着在服务器上安装httpd服务。最后，使用WinSCP将网页文件上传到服务器，通过公网IP访问即可查看部署的静态网页。
摘要由CSDN通过智能技术生成

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

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

  • 在服务器上建立网页一共分成三步操作：
    • 打开80端口
    • 在服务器上安装httpd
    • 把静态文件上传到服务器

打开80端口

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

在这里插入图片描述

  • 然后点击配置规则

在这里插入图片描述

  • 点击添加安全组规则

最低0.47元/天 解锁文章
菜鸟小铭
关注
  • 9
    点赞
  • 踩
  • 40
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
上传资源到静态服务器
sinat_33940108的博客
04-07 292
首先将资源地址写在配置文件中 straw.resource.path=file:E:/upload straw.resource.host=http://localhost:8899 Controller中注入资源 public class SystemController { //读取自定义配置信息 @Value("${straw.resource.path}") private File resourcePath; @Value("${straw.resour.
html上传图片到服务器例子.zip
07-16
html上传图片到服务器例子
静态资源托管 上传图片到服务器
m0_73588858的博客
04-10 442
首先下载 multer 这个包。其次，创建上传文件存储的文件夹。
网页如何发布到服务器上
最新发布
2301_78491269的博客
06-20 263
如果使用专门的网页发布程序，这些程序通常提供网站栏目管理、网页模板管理、网页编辑排版、超文本文件生成、网页上传发布以及网站维护管理等功能。清理开发环境中不必要的文件，如测试数据、日志文件、示例文件等，以避免占用服务器空间或泄露敏感信息。将网页发布到服务器上的过程涉及多个步骤，包括准备阶段、选择托管提供商、发布网站等。对于拥有直接管理权限的用户，可以直接登录到远程服务器，将网页直接发布到服务器的指定目录。如果是自己的服务器，可以通过SSH远程登录到服务器，然后上传文件到服务器的相应目录。
上传静态页面至服务器托管显示
weixin_45776101的博客
08-25 274
scp上传express服务的静态页面至服务器显示 上传静态页面应用至服务器端本人目前所知道的方式有两种，一种是通过github托管代码，进入代码仓库settings里面将解析出的域名访问即可直接访问，另一种是通过node的express框架对页面应用开启服务，再通过scp将代码上传至服务器运行(这里博客用的是阿里云的轻量服务器)，服务器端的node环境配合上pm2,即可使用ip加端口的形式即可进行访问 1. 创建一个页面应用,使用express开启服务 // 创建一个脚手架页面 $ vue create
静态网页上传服务器
Wanyuchen123123的博客
12-10 462
静态网页上传服务器
静态文件与上传
黄济芃的博客
07-24 920
来自我的博客 在日常的后端开发中， 不可避免的就是要处理各种文件上传的需要， 随之而来的就是各种下载的需求， 我遇到的大部分开发者都会考虑到在上传的时候做简单的文件校验（有的也没有做）， 然而在文件下载的问题上， 则采用依赖于web服务器的静态文件传输， 经常造成很多的麻烦。 上传 大部分开发者实际上在上传的时候都会对文件进行校验， 并且为了安全性考虑甚至会将文件更换名称。但...
怎么把静态网页放到服务器上,将静态网页部署在云服务器上
weixin_35070578的博客
08-06 3409
将静态网页部署在云服务器上 内容精选换一换部署提供可视化、一键式部署服务，支持并行部署和流水线无缝集成，实现部署环境标准化和部署过程自动化。本节通过以下五步介绍如何使用部署服务将归档在软件发布库的软件包部署到云主机上。第一步：准备弹性云服务器第二步：添加授信主机第三步：新建部署任务第四步：执行部署任务第五步：验证部署结果本示例中用的应用程序运行需要部署到服务器上才可以运行。本示例在分布式HA部署场...
想把静态网页放到服务器上，怎么样让所有人都去访问到
m0_64346584的博客
11-26 1873
前两天自己买了百度云服务器和域名，然后写了一个静态的网页，准备把这个静态的网页放到服务器上去，这样的话，任何人输入网址，都可以看到我写的这个静态网页；于是这两天一直在研究这东西要怎么做才能实现，零零散散好几天，在大神的指导下终于搞定了，把经验分享出来，以供后来者参考。 我是小白，以前没怎么接触过服务器知识，对于服务器，代理，端口，Nginx,XShell是什么东东，是干什么的,可以说几乎没有认识，所以如果你是小白，也不要退却，且听: 一、什么是服务器? 【1】 就是一台电脑，这台电脑的...
Java实现上传文件图片到指定服务器目录
08-27
Java实现上传文件图片到指定服务器目录 在Java中实现上传文件图片到指定服务器目录是非常重要的功能，它可以帮助开发者快速实现文件上传功能。本文将通过实例代码，详细介绍Java实现上传文件图片到指定服务器目录的...
静态网页设计模板
05-04
有十个左右的网页设计
Phpcms V9网站从本地上传到服务器需要修改的地方小结
09-29
Phpcms V9是一款流行的开源内容管理系统，当网站在本地开发完成后，为了上线运行，需要将其上传至服务器。在这个过程中，通常会涉及到一系列的配置更改，以确保网站能正确地在新环境中运行。以下是Phpcms V9从本地...
做好的html 怎么上传到服务器上,怎么上传网页？怎样将做好的网页上传到服务器上？...
weixin_33826897的博客
06-09 3190
怎么上传网页?怎样将做好的网页上传到服务器上?其实把完成的页面或者建站系统上传到购买的网站空间是很简单的。你只需要知道主机空间的IP地址、用户名和密码，就可以通过FlashFXP软件获取。这里小编以主机空间为例，以文字教程的形式告诉大家。一、是登录用户中心，前提是你在这里买空间。二、进入用户中心，在左侧依次找到虚拟主机-主机管理，点击右侧产品栏的管理按钮，进入虚拟主机控制中心。三、在虚拟主机管理界...
静态文件的上传代码
够浪
04-04 375
静态文件上传 前端代码 如果form表单中牵涉到文件上传，在form表单中就需要添加一个属性enctype="multipart/form-data"不然上传就是假上传，后台不能获取到上传的文件。<form>修改如下： <form method="post" action="/addArticle" enctype="multipart/form-...
html文件上传到云服务器,把html文件上传到云服务器上
weixin_31710909的博客
08-12 911
把html文件上传到云服务器上 内容精选换一换需要准备的软件和工具如表1 软件和工具所示。如果Linux操作系统弹性云服务器未安装密码重置插件，可以参见本节内容重新设置密码。本节操作重置的是root用户的密码，您可以重置完root密码后登录云服务器后再更换密钥或重置非root用户的密码。Windows操作系统请参见重置Windows云服务器密码(未安装重置密码插件)。如果弹性云服务器提前安装了密码...
初学HTML-在自己的电脑上搭建服务器上传网页
热门推荐
chuxin_2017的博客
03-04 1万+
仅作学习记录使用。参考学习相关链接如下： https://jingyan.baidu.com/article/90895e0ff46c1464ec6b0b8b.html 很多人都想制作自己的网站，但是限于需要购买域名与空间还是需要花费一定的资金的。如果只作为测试或者一个个人小站，完全没有必要去购买这些东西，你需要的只是一台还可以的PC和一些免费的软件，就可以了。 首先需要在自己的电脑上搭建服务器，...
使用Node.js快速搭建简单的静态文件服务器
leonqiu的博客
01-22 833
使用Node.js可以快速在本机上搭建一个静态文件服务器，对于开发JS项目非常有用。这是转载 Howard Zhang的代码，原文连接： https://www.cnblogs.com/zamhown/p/6429163.html "use strict"; //加载所需要的模块 var http = require('http'); var url = require('url'); v
https://zhuanlan.zhihu.com/p/448870120
Chubby_xp的博客
12-23 1030
开源应用中心聚合了目前最热门的前端开源应用模版，让大家真正可以做到像安装APP一样来上线一个网站。目前已经支持最热门的前端框架，包括Vue.js、React、Nuxt.js、Next.js、AntDesign等，还有内容管理平台Hexo、Docusaurus、VuePress、Sapper等。
如何将打包后的静态文件上传到服务器
05-26
将打包后的静态文件上传到服务器，可以使用FTP或SCP等工具，具体步骤如下： 1. 打开FTP或SCP工具，连接到服务器。 2. 将打包好的静态文件上传到服务器上指定的目录，可以使用拖拽方式上传，也可以使用命令行上传。...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值