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

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

文章目录

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


前言

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


一、注册GitHub

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

二、建立储存库

1.新建库

使用GitHub.io仓库实现个人网站建站_第1张图片

2.输入名称

注意命名格式为:用户名.github.io
其他不用更改
使用GitHub.io仓库实现个人网站建站_第2张图片

3.上传文件

点击本地上传文件
使用GitHub.io仓库实现个人网站建站_第3张图片
选择一个HTML文件,如果没有可以使用以下测试代码,在记事本里新建一个HTML文件,将代码复制进去,命名为 index.html

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

一定要等文件上传完毕再点提交,不然会出现空白网页
使用GitHub.io仓库实现个人网站建站_第4张图片

4.进行测试

等待大概2~3分钟后,输入网址: 用户名.github.io 即可进入网站
使用GitHub.io仓库实现个人网站建站_第5张图片
若等待之后仍是404,先查看是否项目创建时用户名和实际不同,必须要保证相同

5.想进入非index网页

首先进入项目,点击上传,上传本地网页
使用GitHub.io仓库实现个人网站建站_第6张图片
以 1.html 文件为例,可命名为任意形式
使用GitHub.io仓库实现个人网站建站_第7张图片
使用GitHub.io仓库实现个人网站建站_第8张图片

访问成功


总结

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

你可能感兴趣的:(网站,github,web,html)