码迷,mamicode.com
首页 > Web开发 > 详细

用Github pages搭建自己制作的网页,方法最简单,适用于新手

时间:2016-04-22 19:32:50      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:

    本人自学前端一个多月,写个几个网页想要用来应聘,网上搜各种搭建网站的方法,发现不是要收费就是很麻烦。终于黄天不负有心人,让我找见了github pages,不但免费,还非常的方便!!

于是乎又开始搜索github pages搭建网站的步骤,发现基本都是各种搭建个人博客的方法,好不容易找到个关于搭载自己制作的网页,却又发现还需要去学习如何使用git。。。一堆代码让人实在难受。。于是乎就自己开始研究github pages,终于让我找到最简单的方法了!在这里我就来分享给大家,同时也希望像我一样的前端新人不用再走弯路了。


1.首先你要有你写好的网页文件

技术分享

2.需要去GitHub注册一个账号

进入链接https://github.com/  页面右上角点击sign up 进入注册页面开始注册。

技术分享

填写完用户名、邮箱、密码后,点击下面的Create an account完成注册。


3.在github创建一个个人网站

登陆你的github账号,然后点击网页右上角的加号 然后点击New repository

技术分享


输入你的repository name ,然后将下面的小勾勾上,之后就可以点下面的绿色创建啦

技术分享


在仓库中打开sitting技术分享


在sitting下点击launch automatic page generator按钮。之后再点击右下角绿色的continue to layouts

技术分享


进入到样式选择界面,随便选一个就行,然后点击 publish page,对后面没有影响,毕竟我们是要上传自己的网页的。

技术分享


完了之后网页会自动跳回我们仓库的界面,这时候我们再点sitting,在下头能看到一个链接,这个就是我们成功创建的网站,当然这个还不是我们自己想要的那个网站。

技术分享


4.下载github for Windows

因为官网上下载实在龟速,这里我给大家贴一个离线包地址,解压就能用http://download.csdn.net/download/lyg468088/8723039,或者可以自行百度“github for Windows离线安装包”。

解压之后运行github.exe,然后登陆自己的github账号,登陆之后点击左上角加号选择clone,然后选择自己账户下面自己之前创建的那个仓库,之后点击最下面的确认,确认完成后同时选择自己要克隆到的路径,我是选择在了e盘下github文件夹内。

技术分享

技术分享


完成后在github桌面版上点击master,并将其切换至gh-pages技术分享


完成之后我们在我的电脑中打开之前clone仓库的相应地址,应该看到的是这样的

技术分享

将他们全部删除,然后将我们自己之前制作的网页文件全部复制进去。

技术分享


在回到之前的github桌面版,会发现仓库里产生了变化,如果没有变可以点一下左边自己仓库下面的 tutorial然后再点回来,再不行就退出重进。产生了变化之后在下面的summary给自己的项目随便起个名字,之后发现下面的 commit to gh-pages可以点击了,点击之。

技术分享

点击完后,稍等片刻,上面显示0 changes时 点击客户端右上角Sync进行同步。

技术分享


过一会同步完成后可以登录网页版看看自己制作的文件是不是都上传上去了呢。网上查看时记得将Branch由master切换成gh-pages。之后再登录之前sitting里显示的那个链接是不是我们之前自己制作的呢?


在这里我也希望所有和我一样初入前端的人都能越来越棒,早日摆脱菜鸟的称呼技术分享

用Github pages搭建自己制作的网页,方法最简单,适用于新手

标签:

原文地址:http://blog.csdn.net/pspgbhu/article/details/51205264

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!