摘要:

本文中我将介绍一下怎样在github上搭建个人Blog(博客),也顺便让我们掌握一下github Pages功能,另外还涉及到Jekyll技术。

===============================切割线====================================

前面的文章我们已经做出了我们的第一个jekyll页面,那么接下来我们尝试把它传到github上托管。考虑到部分跟我一样刚刚接触github上传,这里我就唠叨一点从创建github上的repository開始说吧。

一、新建new repository:

用注冊好的账号登陆github主页,点击右上角的“+”符号旁边的三角标展开二级菜单,选择“new repository”:

然后我们開始为我们新建的repository命名。命名须要遵循规则:username/username.github.com

创建完毕之后,复制当前资源的git地址:

二、project内容托管:

1.在本地启动git-bash,通过"git clone(git地址)"。将github上的project拷贝到本地文件文件夹下:

查看Git根文件夹,能够看到多出了一个文件夹,其名称与git地址所相应的github上的project一致:

将jekyllproject下的全部文件都拷贝到此文件夹下:

2.通过指令“git add .”加入github上没有的文件:

3.然后我们须要把这些改动先提交到本地的git中,这是为后面将本地git改动提交到github上做准备,提交本地的指令是“git commit -a -m "改动说明"”:

第一次提交本地git时。提示须要设置一些个人github账户上的信息,设置完成后再次提交:

4.本地提交完毕之后。当然是把本地改动提交到github上啦,这一步骤通过指令“git push origin master”,当中最后一个參数标志的就是提交到的指定版本。与github上的Branch相应:

提交的时候会弹出Git的登陆框,直接输入github的账号password完毕验证就可以完毕提交操作:

5.回到浏览器上刷新之前新建的repository,能够看到jekyllproject文件已经顺利提交到github上了:

点击左上角的“commit”也可查看当前github的更新提交日志:

6.回到github中的project界面,点击右上角的“Setting”选项。在GitHub Pages中能够看到个人博客的訪问地址:

7.至此我们就完毕了将个人博客部署到github上的全部操作了,訪问上述地址,查看效果:

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

三、改动更新:

上述的操作完毕之后。我们仅仅是完毕了github上个人博客的部署工作,兴许我们须要不断地加入改动博客内容。这里就须要用到git的更新操作,详细例如以下:

1.这里我们用改动_config.yml文件为例,假如我们屏蔽掉twitter的属性:

2.我们在git-bash中输入指令“git status”查询改动的文件列表:

3.依照提示的指令操作。使用“git add .”加入改动,再使用“git
commit -a -m "改动说明"”把改动提交到本地git,再用指令“git
push origin master”提交改动到github:

4.查看改动效果:

Github+Jekyll —— 创建个人免费博客(五)jekyllproject公布到github上的更多相关文章

  1. Github+Jekyll —— 创建个人免费博客(二)Ruby+Jekyll部署

    摘要: 本文中我将介绍一下如何在github上搭建个人Blog(博客),也顺便让我们掌握一下github Pages功能,另外还涉及到Jekyll技术. ======================= ...

  2. Github+Jekyll —— 创建个人免费博客(一)从零开始

    摘要: 本文中我将介绍一下如何在github上搭建个人Blog(博客),也顺便让我们掌握一下github Pages功能,另外还涉及到Jekyll技术. ======================= ...

  3. 新瓶装旧酒:全程无命令 GitHub Pages 创建您的博客站点

    使用 GitHub Pages 创建博客站点的文章很多,也有很长的历史了.但是,许多已经与当前的 GitHub 不一致了,如果你按图索骥,会发现驴唇对不上马嘴. 更为麻烦的是,你会发现或者需要你输入许 ...

  4. 8.GitHub实战系列~8.使用GitHub建立自己的免费博客

    github实战汇总:http://www.cnblogs.com/dunitian/p/5038719.html 创建一个用户名.github.io的仓库 选择设置页面风格 页面基本信息 选择一个你 ...

  5. Windows上使用jekyll+github搭建免费博客

    jekyll+github搭建个人博客 (一)下载Ruby (二)安装jekyll (三)开启jekyll服务器 (四)使用github展示博客 一.下载Ruby Ruby,一种简单快捷的面向对象(面 ...

  6. 使用github + Octopress 搭建免费博客 + 碰到问题的解决方法

    使用github + Octopress 搭建免费博客,先说碰到的问题,具体创建方法见下面. 问题1, 添加ruby淘宝链接问题,显示无法获取, 解决: source “http://ruby.tao ...

  7. 利用GitHub Pages + jekyll快速搭建个人博客

    前言 想搭建自己博客很久了(虽然搭了也不见得能产出多频繁). 最初萌生想写自己博客的想法,想象中,是自己一行一行码出来的成品,对众多快速构建+模板式搭建不屑一顾,也是那段时间给闲的,从前后端选型.数据 ...

  8. github+hexo搭建自己的博客网站(七)注意事项(避免read.me,CNAME文件的覆盖,手动改github page的域名)

    详细的可以查看hexo博客的演示:https://saucxs.github.io/ 绑定域名可以查看:http://www.chengxinsong.cn 可以查看在github上生成的静态文件(如 ...

  9. 使用GitHub+hexo搭建个人独立博客

    前言 使用github pages服务搭建博客的好处有: 全是静态文件,访问速度快: 免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台: 可以随意绑定自己的域名,不仔细看的话 ...

随机推荐

  1. Linux命令-文件处理命令:ln

    ln -s /etc/issue /tmp/issue.soft 为这个/etc/issue文件创建一个软连接,名称为/tmp/issue.soft(相当于windows里面给/etc/issue文件 ...

  2. spring 3.0系统集成webservice

    spring 3.0系统集成webservice,踩了很多坑以后总算成功了,故写下这篇博客以记录. 1.准备jar包 由于项目是spring3.0,所以应该要使用cxf 2.7版本才可以成功配置,高版 ...

  3. cordova添加Splash

    最新版本的cordova添加Splash只需要改写config.xml 官方文档地址为:http://cordova.apache.org/docs/en/4.0.0/config_ref_image ...

  4. hive partition 分区使用

    一.背景 1.在Hive Select查询中一般会扫描整个表内容,会消耗很多时间做没必要的工作.有时候只需要扫描表中关心的一部分数据,因此建表时引入了partition概念. 2.分区表指的是在创建表 ...

  5. Linux下从视频提取音频的方法

    Linux下可以利用mencoder将视频里的音频提取出来.方法如下: 1.首先安装mencoder.对于Ubuntu来说,软件仓库里就有mencoder,可直接输入如下命令安装 sudo apt-g ...

  6. JEECG与帆软报表集成

    将FineReport 集成到自己的web项目中,生成报表,可以方便快捷的和自己的项目融合在一起.简化了利用poi的导出遇到的问题. 1.首先在FR中建立好一个模板      例如:我的这张模板是连接 ...

  7. hdu 2066 一个人的旅行(dijkstra)

    一个人的旅行 Time Limit: 1000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) Total Sub ...

  8. Nginx配置优化详解

    如果你已经安装过Nginx并在生产环境中使用,那么Nginx配置优化你一定也要做,这样才能看到Nginx性能,本文就从基本配置优化开始到高层配置教你如何优化Nginx 大多数的Nginx安装指南告诉你 ...

  9. [k8s]helm原理&私有库搭建&monocularui和kubeapp探究

    运行最简单的charts示例 helm的2个chart例子: https://github.com/kubernetes/helm/tree/master/docs/examples/nginx he ...

  10. dataGridViewX操作

    private void dataGridView1_RowStateChanged(object sender, DataGridViewRowStateChangedEventArgs e) { ...