摘要:

本文中我将介绍一下怎样在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异步IO操作

    Linux® 中最常用的输入/输出(I/O)模型是同步 I/O.在这个模型中,当请求发出之后,应用程序就会阻塞,直到请求满足为止.这是很好的一种解决方案,因为调用应用程序在等待 I/O 请求完成时不需 ...

  2. Web中路径问题

    如果在web项目中需要使用路径,如:转发.重定向还有超链接等. 原则:”一切web路径以/开始” 那么/的路径一定是相对路径,那么/到底代表哪一个相对路径是需要智慧的. 如果该路径是给服务器使用的,那 ...

  3. 超级干货,python常用函数大总结

    我们在学习python的时候,接触最多的往往则是那些函数,对于python函数,在这里为大家总结归纳了这些,如果有缺漏,还请及时留言指正哦! 话不多说,干货来袭! 1.常用内置函数:(不用import ...

  4. GOF对Builder模式的定义(转载)

    (1)意图 将一个复杂对象的构建与它的表示分离,使得同样的构建过程可以创建不同的表示. (2)适用性 1. 当创建复杂对象的算法应该独立于该对象的组成部分以及他们的装配方式:2. 当构造过程必须允许构 ...

  5. mysql的join操作

    一.Join语法概述 join 用于多表中字段之间的联系,语法如下: ... FROM table1 INNER|LEFT|RIGHT JOIN table2 ON conditiona table1 ...

  6. jae的mongo数据库管理工具(原创)

    园里前段时间有人介绍了京东的jae,申请了试用了一下,各种坑,勉强可以测试用用. jae一直没有Mongo数据库的管理工具,没办法,自己写了一个凑合着先用着. 使用方法: 1.修改配置:下载后面的程序 ...

  7. 深入分析 iBATIS 框架之系统架构与映射原理

    iBATIS 框架主要的类层次结构 总体来说 iBATIS 的系统结构还是比较简单的,它主要完成两件事情: 根据 JDBC 规范建立与数据库的连接: 通过反射打通 Java 对象与数据库参数交互之间相 ...

  8. CRC16

    http://www.stmcu.org/chudonganjin/blog/12-08/230184_515e6.html 1.循环校验码(CRC码): 是数据通信领域中最常用的一种差错校验码,其特 ...

  9. 获取checkbox 组成字符串

    <input type="checkbox" id="goods_server_name" name="goods_server_name[]& ...

  10. jquery库实现iframe自适应内容高度和宽度

    javascript原生和jquery库实现iframe自适应内容高度和宽度---推荐使用jQuery的代码! ‍<iframe src="index.php" id=&qu ...