本来一个很简单的东西被自己搞了很久

可能是对于一个小白来说第一次认识到github的魅力吧,以前只是听别人说过用github搭建网站,听起来很厉害的样子,一直也没有尝试过,突然兴起今天去网上找一些教程,有很多,也很简单,但还是被自己小白的智商捉急,还好最后终于出来了一个简单的静态网页。

写到这里记录一下吧:

首先安装好git:http://pan.baidu.com/s/1c271ynu

下面开始我们的教程吧:

首先进入我们的github官网,没注册的要注册一下。注册了的直接进入下一步

注册好了之后现在要创建一个页面仓库了

地址:https://github.com/new

然后

创建好仓库以后

我们新建一个分支,主要为了页面的代码

下一步就是设置这个页面了

点击选择主题

选择一个主题,我们可以随便选一个主图

确认之后会跳出一个页面,继续确认就可以了

现在在点进去《setting》进去就能看到刚刚我们更换的主题

这样就差不多可以访问你的主页了。

接下来就是怎么把自己写好的html放到这个仓库里面去并且展示出来呢?

前面我们说了要安装好git

那么在某一个盘,右键git bash

然后开始我们 的命令了

在这个G盘新建一个文件夹,这个名字要和我们在github仓库的名字一致

创建完之后我们要进入这个文件夹,对这个文件夹进行初始化输入git init

初始化之后会(在内部会生成.git文件夹)

然后我们再在本地仓库新建一个分支gh-pages分支而这个分支是远程分支origin/gh-pages的镜像,也就是我们可以在本地的gh-pages看到github上的gh-pages的内容

然后我们就把自己写好的html文件复制到文件夹下面

再执行命令添加进来

这是成功添加的例子。不过有时候当执行commit我们也会遇到下面这样的问题

不要慌,根据提示输入自己的用户名和邮箱

然后我们就输入自己的用户名和密码

继续执行命令

怎么让本地数据和github仓库连接起来呢?

接下来输入

这样就可以了

然后要把数据传入到这个仓库

这样是成功的例子,也有可能发生下面的报错情况

一开始我输入git push origin gh-pages不会报错

后面再用就报错了,然后找到了一个解决办法:

git push --force就可以运行了

当我们看到这里差不多数据已经在github仓库上面了

接下来看看效果吧输入自己的这个网址:

栗染-git命令搭建简单的个人的网页的更多相关文章

  1. Git命令的简单整理大全

    创建目录和查看路径 mkdir 创建目录  cd    进入到目录里面pwd   用于显示当前的目录cat   查看文件内容 Git命令使用说明 初始化一个目录成git的仓库(版本库)包括暂存区和ma ...

  2. git命令的简单使用

    Gitbash初始化设置 Gitbash安装成功后要配置email和name,否则commit的时候会报错: 运行 git config --global user.email "你的ema ...

  3. 栗染-github中搭建博客遇到的问题之一

    运行命令:git push -u origin master To https://github.com/xuzhezhaozhao/Practice.git ! [rejected] master ...

  4. git命令与协同开发

    一 git命令 1.简单命令 git init # 初始化 (建立git 版本相关文件关系都放这里) git config --global user.email "you@example. ...

  5. Git命令学习总结(-)

    入职的第一天,让git命令直接给难住了,汗!使用习惯可视化的工具对于命令行早就忘记的一干二净.还好,回家自己练习一下,总会没有错的.git就不做简介了,版本管理除了svn就是git了,其他的都无所谓了 ...

  6. Ubuntu 搭建简单的git server

    Git 可以使用四种主要的协议来传输资料:本地协议(Local),HTTP 协议,SSH(Secure Shell)协议及 Git 协议. 在此,我们将会讨论那些协议及哪些情形应该使用(或避免使用)他 ...

  7. eclipse上的git命令使用浅析,搭建Maven项目

    eclipse上的git命令使用浅析 2016-03-31 14:44   关于eclipse上git的安装和建立代码仓库的文章比较多,但作为一个初识git的人更希望了解每个命令的作用. 当项目连接到 ...

  8. Ubuntu 14.04搭建简单git服务器

    /****************************************************************************** * Ubuntu 14.04搭建简单gi ...

  9. git相关的简单命令

    初次使用建议看这个ppt:http://www.bootcss.com/p/git-guide/    从现有仓库克隆 这需要用到 git clone 命令.如果你熟悉其他的 VCS 比如 Subve ...

随机推荐

  1. python——文件管理

    文件操作分为读.写.修改 一.读文件 f = open(file='D:/工作日常/兼职白领学生空姐模特护士联系方式.txt',mode='r',encoding='utf-8') data = f. ...

  2. PowerShell Tools for Visual Studio 2015

    首先要去下载Visual Studio 2015 RC 版本 https://www.visualstudio.com/en-us/downloads/visual-studio-2015-downl ...

  3. W3C Blog: HTML-下一步是什么?

    HTML5.1 草稿版: 地址:https://www.w3.org/TR/html51/introduction.html#a-quick-introduction-to-html 2016年3月0 ...

  4. eclipse中自动生成注释

    eclipse中自动生成注释 包前缀设置的地方 注释模板设置的地方 Eclipse自动生成方法注释 快捷键 自动生成方法的注释格式,例如 /*** @param str* @return* @thro ...

  5. Codeforces Round #259 (Div. 2) D

    D. Little Pony and Harmony Chest time limit per test 4 seconds memory limit per test 256 megabytes i ...

  6. zoj 2676 dinic模板求实型最小割(可做dinic模板)

    #include<stdio.h> #include<string.h> #include<stdlib.h> #include<queue> #inc ...

  7. JSTL-格式标签库

    主页:http://www.cnblogs.com/EasonJim/p/6958992.html的分支页. 一.<fmt:formatNumber> <fmt:formatNumb ...

  8. Linux下完美使用find+grep实现全局代码搜索

    作者:zhanhailiang 日期:2014-10-11 背景 在Window下有大量方便的图形化工具能够实现全局搜索,可是Linuxserver中因为使用命令行操作导致全局搜索是一个比較高的门槛. ...

  9. python批量删除文件

    敲代码測试时总会碰到要删除日志目录下的日志或者删除一些历史文件.每次都会生成,再測试的时候为了查找错误原因方便总是要在測试前删除这些文件.手动删除比較麻烦.所以写一个批量删除脚本 import os ...

  10. Sublime Text 2 编辑器实用技巧大全

    http://blog.163.com/lgh_2002/blog/static/440175262012429146486/