本文固定链接http://blog.csdn.net/pspgbhu/article/details/51205264

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

在这里我就来分享给大家，同一时候也希望像我一样的前端新人不用再走弯路了。

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



2.须要去GitHub注冊一个账号

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

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

填写完username、邮箱、password后。点击以下的Create an account完毕注冊。



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

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

输入你的repository name ，然后将以下的小勾勾上。之后就能够点以下的绿色创建啦

在仓库中打开sitting

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

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

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

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

4.下载github for Windows

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

解压之后执行github.exe，然后登陆自己的github账号，登陆之后点击左上角加号选择clone。然后选择自己账户以下自己之前创建的那个仓库，之后点击最以下的确认。确认完毕后同一时候选择自己要克隆到的路径。我是选择在了e盘下github目录内。

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

完毕后在github桌面版上点击master，并将其切换至gh-pages

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

完毕之后我们在我的电脑中打开之前clone仓库的对应地址。应该看到的是这种

将他们所有删除，然后将我们自己之前制作的网页文件所有复制进去。

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

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

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

过一会同步完毕后能够登录网页版看看自己制作的文件是不是都上传上去了呢。

网上查看时记得将Branch由master切换成gh-pages。之后再登录之前sitting里显示的那个链接是不是我们之前自己制作的呢？

在这里我也希望全部和我一样初入前端的人都能越来越棒，早日摆脱菜鸟的称呼

看完文章别忘了点赞哦

用Github pages搭建自己制作的网页的更多相关文章

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

    本文固定链接http://blog.csdn.net/pspgbhu/article/details/51205264 本人自学前端一个多月,写个几个网页想要用来应聘,网上搜各种搭建网站的方法,发现不 ...

  2. Hexo + Github Pages 搭建个人博客

    之前一直想搭建自己的博客,由于自己的懒惰拖到现在.好了,废话不多说!直接上干货! 安装Node.js 安装Git Github Pages配置 安装Hexo及主题设置 进阶篇-高级定制 其它实用功能 ...

  3. 可能是最详细的 Hexo + GitHub Pages 搭建博客的教程

    前言:博主目前大三,Web 前端爱好者.写博客的好处,不是为了写而写,而是一个记录思想的过程.不要考虑它能带给你什么,而是你自己从中收获了什么. 最近刚好有空,于是就参照网上的各种教程,搭建了一个博客 ...

  4. 使用Hexo + GitHub Pages 搭建个人博客

    一.前言 之前是在CSDN上写博客的,但是无奈其广告满天飞,还有因为个人不太喜欢CSDN博客里的一些东西,加上看到很多技术大牛都有自己的个人博客,于是乎!便想着搭建一个自己的个人博客.其实之前写博客还 ...

  5. 用GitHub Pages搭建博客（五）

    本篇介绍GitHub Pages自定义域名 在用GitHub Pages搭建博客(二)中介绍到,默认的GitHub Pages域名就是仓库地址,即: 账号名.github.io 如果我们要使用自定义域 ...

  6. 7. Github Pages 搭建网站

    7. Github Pages 搭建网站 个人站点 访问 https://用户名.github.io 搭建步骤 1) 创建个人站点   ->  新建仓库(注:仓库名必须是[用户名.github. ...

  7. 【一】Ubuntu14.04+Jekyll+Github Pages搭建静态博客

    本系列有五篇:分别是 [一]Ubuntu14.04+Jekyll+Github Pages搭建静态博客:主要是安装方面 [二]jekyll 的使用 :主要是jekyll的配置 [三]Markdown+ ...

  8. 基于 Hexo + GitHub Pages 搭建个人博客（一）

    前言:我的博客写作之路 15 年刚上大学,第一次接触公众号,就萌生了创建一个公众号写点东西,但最终不了了之. 很快到了 16 年,开始接触网上各大博客网站,接触最多的当属 CSDN,萌生了注册一个博客 ...

  9. 基于 Hexo + GitHub Pages 搭建个人博客（二）

    在 基于 Hexo + GitHub Pages 搭建个人博客(一) 这篇文章中,我们已经知道如何使用 Hexo + GitHub Pages 搭建一个个人博客,GitHub 为我们提供了免费的域名和 ...

随机推荐

  1. c++ #ifdef的用法

    http://www.tuicool.com/articles/mIJnumB #ifdef的用法 灵活使用#ifdef指示符,我们可以区隔一些与特定头文件.程序库和其他文件版本有关的代码.代码举例: ...

  2. 【Android病毒分析报告】- 手机支付毒王“银行悍匪”的前世今生

    from://http://blog.csdn.net/androidsecurity/article/details/18984165 2014年1月8日,央视曝光了一款名为“银行悍匪”的手机银行木 ...

  3. Quartz：不要重复造轮子，一款企业级任务调度框架。

    背景 第一次遇到定时执行某些任务的需求时,很多朋友可能设计了一个小类库,这个类图提高了一个接口,然后由调度器调度所有注册的接口类型,我就是其中之一,随着接触的开源项目越来越多,我的某些开发习惯受到了影 ...

  4. Java POI 3.17写入、导入EXCEL性能测试

    我们先测试一下写入 50000 条 程序源码: 写入的excel文件信息 再看一下文件的结构 我们再次测试一下导入数据库的性能(用移动的网络上传至电信服务器): 在导入的过程中也可以中止导入行为: 上 ...

  5. MyBatis入参类型是List时判断非空

    一.参数list时,先判断是否为空,否则会报错. 二.mybatis ${}与#{}的区别 简单来说#{} 解析的是占位符?可以防止SQL注入, 比如打印出来的语句 select * from tab ...

  6. 进一步优化ListView

    之前我已经分享过一篇:viewHodler的通用写法,就是专门用来优化listview的加载的,但是对于复杂的布局,我们还需要在listview滑动和不滑动时进行自己的处理,今天我看到一篇文章就是讲这 ...

  7. Material Designer的低版本兼容实现（六）—— Ripple Layout

    新版的Android5.0添加了涟漪效果,虽然开源的库提供了各种控件便于大家使用涟漪效果.但是仍旧不可能满足所有需求,因此我今天改出来一个类叫做,LayoutRipple,其实感觉跟应该叫Ripple ...

  8. [Web 前端] this作用域问题

    如何不用这种写法:理想的写法是this.setState({ .... }) 可能是我没有描述清楚,我不想用这种学法而已,这样多了一个变量,我觉得很不舒服.我尝试了先把 setState 赋值到变量里 ...

  9. C# ApartmentState 枚举，指定线程单元状态

    1.ApartmentState 指定的单元状态 Thread. 命名空间:   System.Threading程序集:  mscorlib(位于 mscorlib.dll) 成员       成员 ...

  10. Could not install packages due to an Environment Error: [Errno 13] Permission denied 解决方案

    执行pip install 报错如下: Could not install packages due to an Environment Error: [Errno 13] Permission de ...