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

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结尾(由于我这里已经建好所以会出现错误)

 

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

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

我这里已经克隆下来了

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

 

3>.编码:

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

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

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

4>.上传项目到GitHub上:

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

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

 

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

 

 点击就可访问了

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

posted @   Tom-shushu  阅读(5699)  评论(1编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示