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

这篇具有很好参考价值的文章主要介绍了【免费】多种方法手把手教你如何将自己做的网页做成网络链接(直接访问)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

目录

前言

​一、github(最常用的)

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

 三、NATAPP

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

彩蛋


如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

前言

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

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

 一、github(最常用的)

去github官网,注册登录

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

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

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

 点击添加文件,可以新建,也可以上传内地文件如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

 如下图,第一个箭头命名文件名(文件名末尾要是.html),把代码粘贴到第二个箭头那里如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

 点击提交新文件如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

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

正常情况下是:

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

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

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

 如果出现以上情况也不用担心,因为页面正在构建和部署等一小会就可以了如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

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

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

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

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

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

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

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

点击上传文件

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

点击开始上传 

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

点击复制链接

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

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript 链接:💗

 三、NATAPP

打开NATAPP官网

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript 下载windows64位即可 ,将下载的文件和自己的网页放在同一个文件夹,趁着下载的时间注册登录NATAPP

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

 找到购买隧道如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

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

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript 购买一个免费隧道,完成后回到桌面,windows加R键输入cmd,输入npm i serve -g

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

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

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

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

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

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

 如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

点击复制authtoken

 如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

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

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

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

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

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

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

复制到浏览器看看效果

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

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

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

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

用github登录后 

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

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

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript 在下面就可以直接看到效果,是不是很方便如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

 右下角有个分享如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

 打开后

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

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

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

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

如何制作自己的网页链接,一些有趣的博客,前端,html,javascript

类似下面这个链接

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

彩蛋

动态爱心代码:http://t.csdn.cn/2LGY6文章来源地址https://www.toymoban.com/news/detail-779477.html

到了这里,关于【免费】多种方法手把手教你如何将自己做的网页做成网络链接(直接访问)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 零基础手把手教你如何使用Laf免费玩转Midjourney后续之前端整合

    上篇讲述了 零基础手把手教你如何使用Laf免费玩转Midjourney,下面将讲解如何结合前端完成终极体验! 前端技术栈:vue + element plus 1.创建vue项目 这里使用vue脚手架创建项目,搭建项目步骤可参考官网  创建一个项目 | Vue CLI https://cli.vuejs.org/zh/guide/creating-a-project.html 2.安装el

    2024年02月09日
    浏览(42)
  • 如何一键展示全平台信息?Python手把手教你搭建自己的自媒体展示平台

    灵感源于之前写过的Github中Readme.md中可以插入自己的js图片和动态api解析模块,在展示方面十分的美观: 这方面原理可以简化为,在Markdown中,你可以使用HTML标签来添加图像,就像这样: 具体来说,你可以使用 img 标签来嵌入图像,并使用 src 属性指定图像的URL。我们可以通

    2024年04月09日
    浏览(63)
  • 手把手教你搭建自己本地的ChatGLM

    如果能够本地自己搭建一个ChatGPT的话,训练一个属于自己知识库体系的人工智能AI对话系统,那么能够高效的处理应对所属领域的专业知识,甚至加入职业思维的意识,训练出能够结合行业领域知识高效产出的AI。这必定是十分高效的生产力工具,且本地部署能够保护个人数

    2024年02月03日
    浏览(73)
  • 手把手教你使用Segformer训练自己的数据

    使用Transformer进行语义分割的简单高效设计。 将 Transformer 与轻量级多层感知 (MLP) 解码器相结合,表现SOTA!性能优于SETR、Auto-Deeplab和OCRNet等网络 相比于ViT,Swin Transfomer计算复杂度大幅度降低,具有输入图像大小线性计算复杂度。Swin Transformer随着深度加深,逐渐合并图像块来

    2024年01月20日
    浏览(76)
  • 手把手教!搭建自己的免费服务器

    最近总是想搭建自己的网站,奈何皮夹里空空如也,服务器也租不起,更别说域名了。于是我就寻思能否自己搭建个服务器,还不要钱呢? 还真行!!! 经过几天的冲浪,我发现有两个免费的建站工具:Apache 和 Nginx 由于两个工具建站方法差不多,所以我就以 Nginx 为例 1. 安

    2024年02月12日
    浏览(53)
  • 手把手教你打造自己的 AI 虚拟主播

    AI 直播在近年来得到了快速的发展和普及,它已经成为了直播平台的重要组成部分。目前,许多知名的直播平台都已经开始采用 AI 技术,例如华为云直播、腾讯云直播、百度直播等。这些平台已经实现了对视频和音频数据的实时处理和优化,以提高直播质量和用户体验。 在

    2024年02月06日
    浏览(47)
  • 手把手教你部署AutoGPT,30分钟拥有自己的AI助手!

    如果不想往下看了,那就直接 点我。 AutoGPT是由GPT-4驱动的开源应用程序,可以自主实现用户设定的任务目标;从AutoGPT开始,AI将可以自主地提出计划,然后执行计划;还具有互联网访问、长期和短期内存管理、用于文本生成的GPT-4实例以及使用GPT-3.5进行文件存储和生成摘要

    2024年02月05日
    浏览(63)
  • hMailServer 使用教程 —— 手把手教你搭建自己的邮箱服务器

    前言 假设你已经拥有了一台具有 公网ip 的服务器,以及 域名 hMailServer 介绍 hMailServer 适用于 Windows 操作系统,它除了提供邮箱系统需要的所有基础功能之外,还内置了一些常用功能,比如:反垃圾邮件、反病毒邮件,而其他未内置的功能,则可以根据用户需要,自行去社区

    2024年02月04日
    浏览(69)
  • 若依ruoyi——手把手教你制作自己的管理系统【二、修改样式】

    阿里图标一( ̄︶ ̄*)) 图片白嫖一((* ̄3 ̄)╭ ********* 专栏略长 ==== 爆肝万字 ==== 细节狂魔 ==== 请准备好一键三连 ********* 运行成功后: idea后台正常先挂着 我习惯用VScode操作 当然如果有两台机子 一个挂后台一个改前端就更好了 只需修改 vue.config.js 配置文件即可 eg:按 Win+R 打

    2024年02月03日
    浏览(50)
  • YOLOV7训练自己的数据集以及训练结果分析(手把手教你)

    YOLOV7训练自己的数据集整个过程主要包括:环境安装----制作数据集----参数修改----模型测试----模型推理 labelme标注的数据格式是VOC,而YOLOv7能够直接使用的是YOLO格式的数据,因此下面将介绍如何将自己的数据集转换成可以直接让YOLOv7进行使用。 1. 创建数据集 在data目录下新建

    2023年04月20日
    浏览(52)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包