0


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

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

提示

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

标签: github html5 html

本文转载自: https://blog.csdn.net/Y3808080/article/details/141830541
版权归原作者 40code的317 所有, 如有侵权,请联系我们删除。

“Github如何创建你自己的网站?”的评论:

还没有评论