摘要:

本文中我将介绍一下怎样在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. Android自定义控件-折线图

    好长时间没有更新博客了,终于可以抽出时间写点东西了,写点什么呢?最近在qq群里边有人问,下边的这个控件怎么画?如下图所示:图可以左右拖动,直到显示完全为止.刚开始看到这个效果图,我也想了一下总共分为以 ...

  2. 【微软100题】定义字符串的左旋转操作:把字符串前面的若干个字符移动到字符串的尾部。 如把字符串abcdef左旋转2位得到字符串cdefab。请实现字符串左旋转的函数。

    package test; /** * 定义字符串的左旋转操作:把字符串前面的若干个字符移动到字符串的尾部. 如把字符串abcdef左旋转2位得到字符串cdefab. 请实现字符串左旋转的函数. * ...

  3. c# 高效的线程安全队列ConcurrentQueue

    c#高效的线程安全队列ConcurrentQueue<T>(上) c# 高效的线程安全队列ConcurrentQueue(下) Segment类 c#高效的线程安全队列Concurrent ...

  4. IntelliJ IDEA 学习(二):Intellij IDEA 创建Web项目并在Tomcat中部署运行IDEA

    一.创建Web项目  1.File -> New Module,进入创建项目窗口 2.选择Java类型,在 Module name 处输入项目名,点击Next 3.勾选 Web Applicat ...

  5. Java compiler level does not match the version of the installed Java project fac

    Java compiler level does not match the version of the installed Java project fac 问题一: 问:项目图标报错,Probl ...

  6. mongodb查询实练

    1.mongodb中如何查询 (a=1 or b=2) and (c=3 or d=4)//格式:db.collection.find({"$and":[{第一个条件},{第二个条 ...

  7. Atitit.故障排除系列-----apache 不能启动的排除

    Atitit.故障排除系列-----apache 不能启动的排除 能直接使用cli启动httpd   ,,详细打印出信息.. C:\Users\ASIMO>"C:\wamp\apach ...

  8. linux下实现CPU使用率和内存使用率获取方法

    想获取一下目标机运行时linux系统的硬件占用情况,写了这几个小程序,以后直接用了. 方法就是读取proc下的文件来获取了. cpu使用率:    /proc/stat ,内存使用情况:     /p ...

  9. -[__NSArrayI removeAllObjects]: unrecognized selector sent to instance 0x7fa8dc830110

    问题 今天做项目,遇到了这个问题 -[__NSArrayI removeAllObjects]: unrecognized selector sent to instance 0x7fa8dc8301 ...

  10. python 快速获取文件类型