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

Posted 天寒雨落

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了免费多种方法手把手教你如何将自己做的网页做成网络链接(直接访问)相关的知识,希望对你有一定的参考价值。

目录

前言

​一、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

免费直播!手把手教你如何构建自己的开源项目

作者 | 慕课网

来源 | 慕课网



20年下半场已经开启,更多企业不断提高了自己的用人标准。如果我们有了自己的开源项目,势必会给自己的简历增加更多的说服力。


本次慕课网明星讲师7七月给大家带来了《求职必备!手把手教你如何构建自己的开源项目》的视频直播,扫码免费获取~


免费直播!手把手教你如何构建自己的开源项目

仅限前200名,手慢无↑


开源本身就是一件很有意义的事情。它不仅可以帮自己在市场中找到一个有竞争力的位置,还可以让自己拥有更好的认可度、知名度,在圈子内建立更多的人脉。由此带来的附加价值,要远远超过每天枯燥地完成业务代码。


而一个开源项目的成功,和最开始的定位和方向息息相关。


那我们该如何选择开源项目的主题和方向?避免不重复造轮子?同时我们又需要掌握哪些技术,才能拥有一个自己的开源项目呢?


别着急?一起来看看慕课网的限时免费视频直播:《求职必备!手把手教你如何构建自己的开源项目》。直播中讲师会从细节出发,教你如何制定开源项目的选题/如何寻找好的开源项目等等,还不赶紧参与呀。


★ 讲师介绍 ★


7七月 全栈工程师


十年研发及团队管理经验,对程序员面临的各种问题深有体会;精通Python、Java、Node.js、JavaScript等语言,对Web的基础研发、高并发处理与分布式有非常深入的理解。课程讲解深入浅出,极为擅长培养学生的编程思维。


★ 直播主题★


《求职必备!手把手教你如何构建自己的开源项目》



★ 直播时间★


7月14日(周二)晚8点


★ 直播大纲★






一、开源项目能给自己带来什么好处?


A 展现在简历作品中,为找工作增加说服力

B 非常好的实践机会

 

二、开源项目的选题原则

 

 A 开源项目不宜过大

 B 开源项目并不一定非要独一无二

 C 开源项目要做的精致

 D 开源项目要有所舍弃,找到差异化

 

三、如何开始一个开源项目

 

A GIT的熟练使用

B 项目开发和管理流程

C 文档的编写能力

D 细致的态度



★ 适合人群★


有1年实际项目开发经验


★ 参与方式 ★


限时免费!!!


扫描下方海报,加 小艾 小姐姐好友,回复【直播】获取听课名额~


免费直播!手把手教你如何构建自己的开源项目


来吧,一起来慕课网,参与这场高质量,强内容的免费公开课 ,同时也欢迎大家共享给你身边的小伙伴,一起来学习!







慕课网介绍



慕课网—程序员的梦工厂,一家IT技能在线学习平台。以BAT等一线技术大牛为讲师,涵盖前端、Java、Python等60多类技术方向,通过“视频课程+在线编程”,带你轻松积累项目开发经验,更有就业为导向的“金职位”课程,满足学员从入门到就业10年各个阶段的系统学习需求。



END


 

以上是关于免费多种方法手把手教你如何将自己做的网页做成网络链接(直接访问)的主要内容,如果未能解决你的问题,请参考以下文章

手把手教你利用爬虫爬网页(Python代码)

手把手教你用npm发布一个包,详细教程

手把手教你在新浪云上免费部署自己的网站--连接数据库

# yyds干货盘点 # 手把手教你使用Python网络爬虫获取基金信息

手把手教你搭建HEXO免费博客

手把手教你配置BSC(币安智能链)网络,只需5分钟