美文网首页科研视觉艺术
将htlm文件部署到个人网站

将htlm文件部署到个人网站

作者: fafu生信小蘑菇 | 来源:发表于2021-04-22 14:40 被阅读0次

htlm文件部署到个人网站

这个估计没太多人看,我是觉得有趣然后就去尝试,以下步奏来自庄闪闪的推文。
有兴趣的小伙伴可以试一试,挺好玩的。

htlm文件

首先来看一下什么是htlm文件

  • HTML(HyperText Mark-up Language)全称为超文本标记语言超文本链接标示语言,是一种制作万维网页面的标准语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。
  • HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、链接、表格等等。
  • HTML文件是可以被多种网页浏览器读取,产生网页传递各类资讯的文件。可以将HTML文件存储在分布于世界各地的服务器硬盘上,通过传输协议用户可以远程获取这些文件所传达的资讯和信息

那我们该如何将htlm文件部署到个人网站呢

将htlm文件部署到个人网站的方法有很多,但我这里讲的是将htlm文件部署到gitee中,这样你就可以分享链接让所有人都可以通过网址访问你的htlm文件。

例如:我已经将htlm文件部署到我的个人网站,
你可以通过链接来查看
个人网站链接

具体步骤

首先你得在gitee官网注册账号,官网链接

官网链接.png

到了这个页面之后你就可以点击右上角的注册进行注册账号

注册.png

注册好了之后我们就可以登陆账号

新建仓库

点击右上角的加号,来新建一个仓库

创建仓库.png

需要填写一些信息


创建仓库具体.png

这样我们的仓库就创建好了,我们接下来需要将本地的html文件上传到你刚刚创建的仓库。

上传html文件到仓库

按照步骤来就好了,但是在上传文件之前,我们需要将你的html文件名称改为index

文件重新命名.png

注意:这一步一定要重新命名文件,不然之后生成网页无法打开,会出现404报错

之后我们就可以上传index文件了


上传文件.png 上传文件1.png
上传文件2.png

这个html文件就上传到仓库了


查看上传文件.png

创建Gitee Pages

创建Gitee Pages.png

进入页面后,点击启动按钮进行部署


点击启动.png

可以看到正在部署,需要一点时间,之后就会得到网址了,可以打开和分析给其他人。


得到网址.png

这是我得到的网址,欢迎点击浏览 链接
以上步骤参考公众号:庄闪闪的R语言手册

这样你就将你的htlm文件部署到个人网站,非常有趣,可以试一试。

如有不足或错误之处,请批评指正。
有什么不明白的也欢迎留言讨论。
感谢你的阅读!!!

欢迎关注微信公众号:fafu 生信 小蘑菇

如果你觉得有趣,请点赞收藏转发

相关文章

  • 将htlm文件部署到个人网站

    htlm文件部署到个人网站 这个估计没太多人看,我是觉得有趣然后就去尝试,以下步奏来自庄闪闪的推文。有兴趣的小伙伴...

  • 云服务器nginx配置

    1、单网站部署到云服务器上单网站部署到云服务器上,可以不依赖Nginx,直接将代码文件传到云服务器上,连接云服务器...

  • 如何使用 Git Hook 自动部署服务器?

    一行命令,自动将本地文件部署到远程服务器上。 最近搭了个个人网站,在放到服务器上时,考虑到,如果每次更新的内容,都...

  • 持续部署工具Argo CD - 安装

    1.部署argocd服务 下载部署yaml文件 修改部署文件,将内网搭建gitlab的地址绑定到deploymen...

  • 0038 如何将网站部署到阿里云服务器

    上一节课讲解了将网站部署到本地服务器,这样通过局域网就可以访问网站了。 这节课讲解将网站部署到阿里云服务器上,这样...

  • 0038 如何将网站部署到阿里云服务器

    上一节课讲解了将网站部署到本地服务器,这样通过局域网就可以访问网站了。这节课讲解将网站部署到阿里云服务器上,这样不...

  • FTP服务器

    在本地怎么都能上传成功的文件操作,将程序部署到网站上,就失败了。原因很简单,需要有个文件服务器来存文件,代码中的上...

  • 3.1.1 truffle migrate

    truffle migrate 迁移脚本是 JavaScript 文件,用于将智能合约部署到以太坊网络。这些文件负...

  • Nginx从入门到实践(三)

    动静分离 动静分离是将网站静态资源(JavaScript,CSS,img等文件)与后台应用分开部署,提高用户访问静...

  • github搭建静态网站

    适应于搭建纯静态网站的个人网站建设 1、本地仓库同步部署到远程github仓库, 参考链接 2、部署完成后,配置仓...

网友评论

    本文标题:将htlm文件部署到个人网站

    本文链接:https://www.haomeiwen.com/subject/stixrltx.html