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

文章正文
发布时间:2025-05-14 10:19

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

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主,欢迎大家关注我,我们下期再见。

首页
评论
分享
Top