织梦CMS - 轻松建站从此开始!

24小时在线平台

当前位置: 24小时在线平台 > 部署教程大全 > 文章页

手把手教你上线网站,不用服务器!小白可懂

时间:2025-05-14 10:19来源: 作者:admin 点击: 1 次
先问个问题,你觉得上线一个网站简单吗?一般来说,想让别人访问到你的网站,你要买域名,买服务器,把网页文件放到服务器上,还要装着软件提供访问服务,还要改配置,想想都头疼。可能有时候我们只是想做个小网站练练手,或者临时给朋友看看,真的有必要这么麻烦吗?完全不用,今天鱼皮就教大家四种完全不需要服务器也能上

温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准

00:00

先问个问题,你觉得上线一个网站简单吗?一般来说,想让别人访问到你的网站,你要买域名,买服务器,把网页文件放到服务器上,还要装着软件提供访问服务,还要改配置,想想都头疼。可能有时候我们只是想做个小网站练练手,或者临时给朋友看看,真的有必要这么麻烦吗?完全不用,今天鱼皮就教大家四种完全不需要服务器也能上线网站的方法,而且非常简单,有手就行。如果你看完后没有学费,或者有更简单的方式,可以在评论区吐槽我,我给你点赞,在上线网站前,我们得先有网页文件吧,到哪去找呢?你可以使用我之前分享过的网页生成器,可以在代码开源平台搜索,甚至对于一些静态网站,你可以直接右键另存为直接将网页代码文件保存到本地。

01:00

当然你也可以像我一样自己写一个,这不,圣诞节快到了嘛,发挥一下我高超的写代码技巧,随便写几个bug给大家助助兴,看一下效果还可以吧。但是呢,现在网页文件是存在我本地自己的电脑上的,怎么样才能不用服务器就能让所有人都能访问到这个网页呢?方法一,云端编程环境既然别人不能访问到我们电脑上的代码文件,那我们为什么不能把代码直接写到云端,写到线上呢?其实随着前端技术的发展,这两年云端编程环境已经变得非常的流行,比如我现在在用的to pen,你可以在线写代码,所见即所得,还可以在网站上看到很多别人编写的好玩的代码。那我们找一个圣诞节的网站,就这个吧,在这里,你不仅能够看到别人编写的代码,甚至还能自己修改代码,随时查。

02:00

看运行效果真的是非常方便,当你编辑好网站后,可以点击下方的按钮,在新窗口中查看你网站的效果,你还可以把网址分享给别人,这样其他人就能看到你已经写好的网站了。方法二,网站托管服务简单来说就是别人有能挂网站的服务器,我们把网站交给他们去管着就可以了。比较好用的国外平台有这个warel啊,然后data top pages啊,但由于国外的网站它老是抽抽,所以我更建议大家使用国内的服务,像动态网站可用ybfi,静态网站可以用GT page4或者静态网站托管。那由于之前我已经给大家演示过使用ybfi部署动态网站了,所以今天给大家演示一下静态网站托管的使用,点击开始使用,然后创建环境,需要先选择一个应用模板,这里有个人博客啊,论坛啊什么的,那我们这里选择空模板就好,下一步然后填写一些环境。

03:00

信息。如果你是新用户,可以开启免费资源,享受一段时间的免费直接开通,进入环境,点击静态网站托管,点击开通,开通之后不要管什么三七二十一,直接上传文件,把你所有的网页文件上传上去,然后就可以用它为我们生成的默认域名访问网站了,是不是非常简单?对了,用完后记得把环境销毁掉,不要让他们赚钱,这小子欠打。方法三,对象存储这里提到的对象可不是我们传统意义上的对象,而是指图片、音频、视频这种资源文件,你可以把它想象成网盘,我们可以将文件丢到上面进行存储,当然也可以访问和下载已上传的文件,因为网站本质上也是文件,所以我们是不是只需要将网页文件也上传到对象存储中,大家就能访问到了呢?来,让我们试一试,上传文件,选择文件。把所有网站文。

04:00

件全部上传,然后进入文件管理,找到刚刚上传的文件,找到它的地址访问,可以看到网站就访问成功了,资源也都加载出来了,怎么样?这个方法是不是非常简单?但是大家要注意,这个方法只适用于静态网站,如果你想用这个方法来保存动态网站的话,那么大概率效果是这样的。各种找不到文件的报错看到这里大家会发现以上几种办法并不是真的不需要用到服务器,只不过我们是把网站文件放到了别人的服务器上。那肯定有同学想吐槽了啊,你的老鱼皮坏的很,不是说不用服务器吗?你这只不过是偷换概念,用了别人的服务器而已嘛,没关系,我们还有最后一种方法,那如果能让看网站的人直接访问到我们电脑上的文件,是不是也是一种思路呢?啊?这就需要用到一个技术,内网穿透。简单的来说,就是在别人的电脑和你的电脑之间搭建一个桥梁,从而能够让别人在网络中找到你这台计算机,联通网络。实现内网穿透的工具有很多,我这里使用nat APP给大家演示,选择对应的操作系统,下载解压后得到一个E差异可执行文件,这就算安装成功了。然后回到官网登录,点击左侧购。

05:27

海隧道啊,不要慌,每个人是可以有两条免费隧道的,足够用了。然后创建隧道,这里要选择协议,一般就选外部就好了,然后要填写本地端口,这里要注意啊,这个端口号一定是和你自己电脑上启动网站服务的端口号保持一致。但其实呢,现在我们的电脑上并没有启动任何的外部服务,我们只不过是以双击文件的方式打开了网页而已。所以呢,我们要先找一个外部服务器啊,不用慌,一点都不麻烦有能力的同学,你可以自己装一个GX阿帕奇,但其实我们可以用更简单的色无工具,这种玩意儿可以快速帮助我们在电脑上启动外部服务,从而可以使用域名加端口号访问我们的网页。只需要复制一行NPM命令,按Windows加R键输入CMD,打开控制台,然后右键粘贴,记得加上一个杠记参数表示全局安装serve工具就安装成。

06:27

通了,然后进入我们网站文件所在目录,输入CMD,打开终端,输入serve命令,执行好,现在我们就成功在自己电脑的3000端口启动了,外部服务器可以通过这个地址访问到我们的网页,所以把端口号改为3000,保存,然后进入我的隧道。在这里我们需要复制osto,然后进入na APP所在目录,输入CMD,打开终端,输入命令,Na空格短横oto等于,然后粘贴刚刚复制的密钥,执行好,启动成功,并且我们得到了一个网址,你只需要把这个网址发送给你的朋友,它就能通过该网址访问到你的网站了。这里大家千万要记住两点,一、用完一定要关掉,二、不要拿这个技术去做任何不好的事情。

07:22

最后一皮还是要提醒大家,以上方法虽然简单,但是并不适用于所有的情况,如果你是要做一个很大的产品,用户数较多的话,一般还是要砸钱买服务器或容器的,具体的花费可以参考我之前的视频。OK,以上就是本期视频的全部内容了,如果学会的话,麻烦给玉皮一个点赞收藏投币三连支持一下,谢谢大家,我是一名分享编程干货的程序员up主,欢迎大家关注我,我们下期再见。

(责任编辑:)
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:
发布者资料
查看详细资料 发送留言 加为好友 用户等级: 注册时间:2025-05-17 22:05 最后登录:2025-05-17 22:05
栏目列表
推荐内容
  • 天翼云服务器怎么搭建https

    为了保证网络交流的安全性,越来越多的网站开始采用HTTPS协议。而为了使用HTTPS协议,需要在服务器上安装SSL证书。而对于天翼云服务器而言,搭建HTTPS协...

  • AI赋能住房公积金业务管理提质增效

    中国建设新闻网是由住房和城乡建设部主管,中国建设报社主办的互联网站。坚持“大资源平台,大数据高地”的目标,为住房城乡建设部提供信息参考与决策支持、为地方和住建系...

  • 【VMware vSAN 7.0】4.1 选择或验证存储设备的兼容性

    文章浏览阅读1.2k次。部署vSAN之前的一个重要步骤是通过查阅VMware 兼容性指南确认存储设备、驱动程序和固件与vSAN兼容。验证vSAN兼容性的方法有多...

  • 数据软件即服务:混合部署架构介绍

    由于要集成客户的数据堆栈,所以我们需要提供最高级别的安全性和遵从性。问题是:我们将如何构建它们?SaaS 吗?On-prem 吗?还是别的什么方法?为了实现这些...

  • 黑马程序员Docker快速入门到项目部署(学习笔记)

    文章浏览阅读5.1k次,点赞24次,收藏65次。命令说明文档地址拉取镜像推送镜像到DockerRegistry查看本地镜像docker rmi删除本地镜像doc...

  • 云服务器 ECS 部署前后端分离项目(若依)详细教程

    文章浏览阅读800次。前言自己白嫖到云服务器一个月,岂不是要赶快享受一下,另外也早就有买服务器部署自己项目的想法,刚好机会来了。来着网络对应若依前后端分离项目来...

  • 阿里云云服务器网站域名管理

    阿里云云服务器(Alibaba Cloud Elastic Compute Service,ECS)是阿里巴巴集团旗下的云计算服务之一,它提供稳定可靠的虚拟机实...

  • jboss部署上传文件问题

    以下内容是CSDN社区关于jboss部署上传文件问题相关内容,如果想了解更多关于Java EE社区其他内容,请访问CSDN社区。...

  • 天风证券:给予嘉益股份买入评级

      天风证券股份有限公司孙谦,孙海洋近期对嘉益股份进行研究并发布了研究报告《下游景气及供应链稀缺性延续》,给予嘉益股份买入评级。  嘉益股份(301004)  ...

  • 合肥经济学院部署校园消防安全教育示范基地建设工作

    近日,合肥经济学院召开专题会议,部署校园消防安全教育示范基地建设工作。该院党委副书记、副院长吴国兵,副院长伍德勤,安全管理处、学生处、教务处、后勤管理处等相关部...