如何利用GitHub设计一个炫酷的个人网站(含代码)
2019-04-16 23:44
711 查看
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/
相关文章推荐
- Github网站加载不完全,响应超时,如何解决 Github是一个代码托管平台和开发者社区,开发者可以在Github上创建自己的开源项目并与其他开发者协作编码。毫不夸张地说,高效利用Github是一
- 如何利用github搭建一个个人网站
- 如何利用github搭建一个个人网站
- 如何利用代码从网站上获取一个文件的大小,并且下载时不出现保存提示框
- 在没有个人/公司网站的情况下,如何利用同一个二维码自动识别手机系统(Android/IOS)跳转不同下载页面
- 利用Hexo+GitHub Page搭建一个个人博客网站
- 利用VC6.0 MFC 建立基本对话框,设计个按钮,按下就读取一个JPEG图像 按钮的响应函数代码咋写呢?求求
- 个人管理:从昨天的一个设计评审来谈如何与人交流你的设计思路
- 创建个人网站(一) 如何申请一个网站
- 如何给网站制作一个.ico图标,附代码(图)
- 如何在github上fork一个项目来贡献代码以及同步原作者的修改
- 从0开始搭建自己的个人网站教程(三)如何把代码部署到虚拟主机
- 如何一步一步用DDD设计一个电商网站(十)—— 一个完整的购物车
- 如何设计“.NET研究”一个简结的移动互联网站
- 如何利用家里的宽带搭建一个自己的网站
- 如何设计一个基于Node.js和Express的网站架构?
- Java&Android开源库代码剖析】のandroid-async-http(如何设计一个优雅的Android网络请求框架,同...
- 如何一步一步用DDD设计一个电商网站(二)—— 项目架构
- 如何一步一步用DDD设计一个电商网站(七)—— 实现售价上下文
- 如何一步一步用DDD设计一个电商网站(八)—— 会员价的集成