使用GitHub.io仓库实现个人网站建站

使用GitHub.io仓库实现个人网站建站

文章目录

    • 使用GitHub.io仓库实现个人网站建站
  • 前言
  • 一、注册GitHub
  • 二、建立储存库
    • 1.新建库
    • 2.输入名称
    • 3.上传文件
    • 4.进行测试
    • 5.想进入非index网页
  • 总结


前言

总体流程为注册–建立项目仓库–上传网页代码–测试


一、注册GitHub

详细注册过程请自行百度,这里推荐火狐浏览器登录GitHub,可使用火狐浏览器插件进行科学上网,或不进行科学上网时也可以打开GitHub主页。

二、建立储存库

1.新建库

在这里插入图片描述

2.输入名称

注意命名格式为:用户名.github.io
其他不用更改
在这里插入图片描述

3.上传文件

点击本地上传文件
在这里插入图片描述
选择一个HTML文件,如果没有可以使用以下测试代码,在记事本里新建一个HTML文件,将代码复制进去,命名为 index.html

DOCTYPE html>
<html>
<body>
<h1>Hello Worldh1>
<p>I'm hosted with GitHub Pages.p>
body>
html>

一定要等文件上传完毕再点提交,不然会出现空白网页
在这里插入图片描述

4.进行测试

等待大概2~3分钟后,输入网址: 用户名.github.io 即可进入网站
在这里插入图片描述
若等待之后仍是404,先查看是否项目创建时用户名和实际不同,必须要保证相同

5.想进入非index网页

首先进入项目,点击上传,上传本地网页
在这里插入图片描述
以 1.html 文件为例,可命名为任意形式
文件已经上传
在这里插入图片描述

访问成功


总结

适合初学者使用,上传一些代码进行演示,可用于个人建站,会受到网络的限制。


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部