当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 如何利用GitHub设计一个炫酷的个人网站（含代码）

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

2019年04月17日  | 移动技术网IT编程  | 我要评论

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/

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网