首页IT科技怎么制做网页(【免费】多种方法手把手教你如何将自己做的网页做成网络链接(直接访问))

怎么制做网页(【免费】多种方法手把手教你如何将自己做的网页做成网络链接(直接访问))

时间2025-04-30 00:53:59分类IT科技浏览6026
导读:目录...

目录

前言

​一           、github(最常用的)

 二                  、七牛云(推荐小白使用           ,简单粗暴)

 三      、NATAPP

四           、codepen(建议学网页的人群使用)

彩蛋

前言

http://t.csdn.cn/VaiP1我之前发的爱心代码                  ,有许多兄弟都问我      ,怎么把自己的网页做成链接           ,都2022年了                 ,我不允许还有人不会做属于自己的网站链接      ,这就把我知道的几个方法(免费      ,免费                 ,免费            ,重点说三遍!!!)都分享给大家      ,大家借鉴借鉴                 ,如果大家有更好的方法也可以在评论区讨论一下

 一                 、github(最常用的)

去github官网            ,注册登录

点击创建新存储库, 自己定义一下仓库名称                 ,其他都是默认值                  ,点击新建仓库

 点击添加文件,可以新建           ,也可以上传内地文件

 如下图                  ,第一个箭头命名文件名(文件名末尾要是.html)      ,把代码粘贴到第二个箭头那里

 点击提交新文件

 在上面导航栏点击设置           ,在左边的导航栏找到Pages

正常情况下是:

复制箭头所指链接                 ,这就是我们网页的直达链接      ,粘贴到浏览器试试      ,ok可以直接访问

 如果出现以上情况也不用担心                 ,因为页面正在构建和部署等一小会就可以了

 二      、七牛云(推荐小白使用            ,简单粗暴)

打开七牛云官网      ,注册并登录                 ,去个人中心完成实名认证和邮箱绑定 

然后 点左上角的蓝标            ,点击点击对象存储Kodo

点击空间管理,新建一个空间

点击上传文件

点击开始上传 

点击复制链接

粘贴到浏览器打开看看效果

 链接:💗

 三      、NATAPP

打开NATAPP官网

 下载windows64位即可                  ,将下载的文件和自己的网页放在同一个文件夹                  ,趁着下载的时间注册登录NATAPP

 找到购买隧道

每个人可以免费买两个隧道

 购买一个免费隧道,完成后回到桌面           ,windows加R键输入cmd                  ,输入npm i serve -g

将下好的natapp和我们制作好的网页放到一个文件夹

输入cmd操作命令      ,回车进入后输入serve

 这就已经在我们的3000端口启动了web服务器           ,然后去natapp官网配置刚才购买的的免费隧道                 ,将本地端口修改为3000      ,点击保存

点击复制authtoken

 进入natapp所在目录      ,输入cmd并回车

 进入后输入natapp -authtoken=加刚才复制的秘钥

 复制下方所指链接就可以直接访问了

复制到浏览器看看效果

四                 、codepen(建议学网页的人群使用)

打开codepen官网(一款前端所见即所得的工具                 ,我们可以在线编辑制作前端页面            ,所见即所得            。同时网站提供所有常见的 js            、css 库      ,并且支持流行技术(如 SASS)                 ,免去了我们自建平台的麻烦)

用github登录后 

将html      、css                 、js分别粘贴上去

 在下面就可以直接看到效果            ,是不是很方便

 右下角有个分享

 打开后

可以输入号码获取网页,或者点击这个分享箭头

会转到下面这个页面                 ,把这个页面的链接发给别人即可 

类似下面这个链接

A Pen by 天寒雨落 (codepen.io)

彩蛋

动态爱心代码:http://t.csdn.cn/2LGY6

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
前端es7(前端实战【ES6】你会ES6,但是你真的会用吗?) 探讨文章采集的多重用途的方法(探讨文章采集的多重用途)