如何利用GitHub设计一个炫酷的个人网站(含代码)

时间:2023-01-12 13:03:02

1.在开始制作之前我们先预览一下我的网站吧!

1.方式一:

由于是手机版的所以用手机访问下面的链接体验比较好一点:

https://tom-shushu.github.io/MyWeb.github.io/

2.方式二:

你也可以在我博客的右侧扫描我的网站二维码进行访问;

2.具*作过程:

开发工具:Github Desktop ,GitHub,Hbuilder(纯静态网页)

1.第一步:

作为一个程序员你一定有GitHub吧,如果没有你需要注册一个GitHub账号:具体步骤请按照下面步骤进行操作:

https://blog.csdn.net/qq_35246620/article/details/67636563

2.第二步:

在GitHub上建立一个仓库如图所示:

1>.名字自己起,注意必须以  .github.io结尾(由于我这里已经建好所以会出现错误)

如何利用GitHub设计一个炫酷的个人网站(含代码)

2>.然后用Github Desktop工具将刚才建立的仓库克隆到本地,如果不了解Github Desktop工具的可以查看:

https://www.jianshu.com/p/06a960d991aa

如何利用GitHub设计一个炫酷的个人网站(含代码)

我这里已经克隆下来了

打开MyWeb.github.io:里面就只有一个.git文件

如何利用GitHub设计一个炫酷的个人网站(含代码)

3>.编码:

关于编码这里我就步详细介绍了,有点关公面前耍大刀,哈哈。如果觉得我这个网站还比较炫酷你可以到我的GitHub上去免费下载:

https://github.com/Tom-shushu/MyWeb.github.io

将我的信息更改一下就可以了。

4>.上传项目到GitHub上:

将整个项目拷贝到刚才克隆下来的仓库之中,用Github Desktop进行上传即可;

5>.到GitHub远程仓库的setting中将Source改为master branch

如何利用GitHub设计一个炫酷的个人网站(含代码)

之后它会给你生成一个访问网址,它就是你的网站访问网址:

如何利用GitHub设计一个炫酷的个人网站(含代码)

点击就可访问了

https://tom-shushu.github.io/MyWeb.github.io/