Github如何创建你自己的网站?

创建你个人主页的网站

第一步

来到 github,
创建一个仓库,命名格式为:你的 github 用户名 + .github.io
比如我的 github 用户名是 Name317
那我仓库的名称就是 Name317.github.io
创建仓库
然后点击 Create a new repository(下面那个绿色的按钮) 创建一个仓库。

第二步

来到对应仓库网页,点击 creating a new file(加入文件) 或 uploading an existing file(导入文件)。
这里注意,加入的文件为你个人网页的html文件,文件名得是 index.html,要不然待会还要改。
导入 index.html

creating a new file

编辑完 .html文件 的代码后,在上面的窗口填入“index.html”,然后点击右上角的 “Commit changes...”,
编辑html代码文件
点击弹窗右下角的 Commit changes
Commit changes
如果出现以下错误,就重新做一次第二步步骤。
错误

uploading an existing file

点击 choose your files,选择你的 html文件,上传。
加入文件
在这里插入图片描述
点击“打开”
划到下面,等待上传文件完成(呈现下图样子,没有进度条),点击“Commit changes”。
增加文件

更改文件名

如文件名不是 index.html,那么点进这个文件后点击右上角的小笔图标
点击小笔图标
然后将左上角的文件名改成 index.html,然后点击右上角的 Commit changes...
第一小步,第二小步
点击弹窗右下角的 Commit changes
Commit changes
如果弹窗上出现红色框或红色文字,那么重新做第二步。

第三步

返回主界面,点击右上角的 Settings
点击 Settings
点击 Pages
点击 Pages
Branch 这里,如果改成下面的样子后 Save 没被禁用(不是灰色的),点击一下。
在这里插入图片描述

第四步

过几分钟,刷新一下那里,你就能看到这个样子。
这个样子
点击 Visit site,你就能看到你自己的个人网站了。
我的个人网站

创建一个仓库的网站

第一步

创建一个任意名字的仓库。(到时候的网址一般是 https://你的github用户名.github.io/这个仓库名
比如说:ToolsBy317,我的 github 用户名是 Name317(小写:name317),网址:https://name317.github.io/ToolsBy317
创建仓库
然后进入仓库。
进入仓库

第二步

来到对应仓库网页,点击 creating a new file(加入文件) 或 uploading an existing file(导入文件)。
这里注意,加入的文件为你这个仓库的网页代码的 html文件,文件名得是 index.html,要不然待会还要改。
两个选项
这里的步骤可以参照创建 个人主页(上面的)的第二步 来做。

creating a new file

编辑完 .html文件 的代码后,在上面的窗口填入“index.html”,然后点击右上角的 “Commit changes...”,
编辑html代码文件
点击弹窗右下角的 Commit changes
Commit changes
如果出现以下错误,就重新做一次第二步步骤。
错误

uploading an existing file

点击 choose your files,选择你的 html文件,上传。图片上传
(点击 choose your file

在这里插入图片描述
点击“打开”
划到下面,等待上传文件完成(呈现下图样子,没有进度条),点击“Commit changes”。
增加文件

更改文件名

如文件名不是 index.html,那么点进这个文件后点击右上角的小笔图标
点击小笔图标
然后将左上角的文件名改成 index.html,然后点击右上角的 Commit changes...
第一小步,第二小步
点击弹窗右下角的 Commit changes
Commit changes
如果弹窗上出现红色框或红色文字,那么重新做第二步。

(后面作者又换了一个 html文件),所以 html代码 与作者文章中呈现代码不一样是有原因的。

第三步

会到仓库主页,点击右上角的 Settings
点击 Settings
点击左侧栏的 Pages
点击左侧栏的“Pages”
Branch 下面的栏目调成这样子(main / root),如果 Save 按键没被禁用(是灰色的为已禁用,如是灰色的直接去执行第四步),点击 Save
点击 “Save”

第四步

等待几分钟(十分钟以内),刷新一下那个页面。
如果是这样,就到达最后的步骤了。
这个样子
点击“Visit site”,就能到达你的仓库网址。
仓库网址

又注

https://name317.github.io/ToolsBy317 现已迁至 https://name317.github.io/toolsby317

提示

创建的仓库网站数量有限,创建三个仓库网站后,就要付钱创仓库网站了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值