【免费】多种方法手把手教你如何将自己做的网页做成网络链接（直接访问）
已于 2022-11-13 22:36:57 修改
阅读量5.5w
收藏
1k
点赞数
213
目录
一、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
扫一扫
162
全栈领域新星创作者
到【灌水乐园】发言
做而论道_CS: 由补码，求其代表的十进制数，也不难。 你只需记住【补码首位的权，是负数】，即可。 一般的八位二进制数，各个位的权，分别是： 128、64、32、16、8、4、2、1； 如果它是八位的补码，各个位的权，分别是： －128、64、32、16、8、4、2、1。 注意：首位的权，是一个负数。 例如有一个二进制补码：1110 0101， 它代表的十进制数就是：－128 + 64 + 32 + 4 + 1 =－27。 换一个，二进制补码是：0110 0101， 它代表的十进制数就是：0 + 64 + 32 + 4 + 1 =＋101。 二进制数补码、与正负十进制数， 互相变换，这不是轻而易举吗？ 小学的知识点，为什么放在大学的教材里面？ 而且，竟然还是考研的内容！ 这些专家老师，居心叵测 ... 。 现在知道我们缺芯片用的原因了吧？
做而论道_CS: 计算机只用补码，原码反码都是不用的。 计算机中，也根本就没有原码和反码。 那么，从符号位原码反码入门，就是走入歧途了。 因为，补码，与原码反码，并无半点关系。 其实，补码，根本就没那么复杂。 补码，仅仅是来自于【舍弃进位】而已。 补码，也并非二进制才有。 任何进制，都有补码的存在。 你看十进制吧，两位，就是：0~99。 你可以这么算：27 + 99 = (一百) 26 这么算也可以：27－1 = 26 你如果忽略进位，仍旧保持两位数， 这两种算法的功能，就是完全相同的。 就是说，舍弃了进位： 正数，就能当负数使用。 加法，也就能完成减法运算。 在计算机中舍弃进位： 负数和减法，就都没有了。 减法器，当然就没有用了。 计算机有一个加法器，便可横行天下！ 舍弃进位，才是补码的来源和存在意义。 两位十进制时，舍弃进位，就是减去一百。 那么，加 99，再减 100，当然就是 “－1”。 八位二进制，是：0000 0000~1111 1111。 也就是十进制的：0 ~ 255。 出现进位，就是：2^8 = 256。 那么，加上 255 (1111 1111)再舍弃进位，也就是－1 了。 同理，＋254 (1111 1110)，就是－2 了。 ＋253 (1111 1101)，即－3。 。。。 以上这些正数，就是【代替负数的补码】。 而正数，本来就是正数，不需要由谁来代替。 所以，零和正数，其本身就是补码了。 例：求－31 的八位补码是多少？ 解：2^8－31 = 256－31 = 225 = 1110 0001 (二进制)。 完事！ 什么符号位原码反码 ...，一概无用！ 计算机专家发明这些 “补码”，其理论基础， 只不过是小学学过的【进位】而已。 但是，计算机专家并没有弄明白【舍弃进位】的意义。 所以，就编造了一大滩垃圾知识： 机器数真值符号位原码反码补码正数三码相同负数取反加一符号位也参加运算 ... 这些，一概都是无用的。 老外数学水平洼得狠，这事早有定论。 谁要是跟老外学算术， 立刻，马上，直接，就掉沟里去了！
古希腊掌管打灰的神: 为什么只有字，没有外围的爱心啊，弄不出来😭，大神教教
2301_81748343: 怎么改字体啊
一个双鱼座的测开: 这篇关于【双十一特辑】爱心代码（程序员的浪漫）-李峋 最近《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄弟们教学一波爱心代码（C、python、html都有哦），赶在双十一前表白，让这个双十一不在是孤单一个人！的文章写的太好了，完全是我想要学习的,大佬的文章让我对这领域的技术问题有了更深入的了解，尤其是大佬提到的那些“坑点”，我相信能够在实际应用中避免或解决很多问题。谢谢大佬的分享，期待大佬的更多精彩文章，让我们共同学习、进步