摘要:

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

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

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

一、新建new repository:

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

Github+Jekyll —— 创建个人免费博客(五)jekyllproject公布到github上-LMLPHP

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

Github+Jekyll —— 创建个人免费博客(五)jekyllproject公布到github上-LMLPHP

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

Github+Jekyll —— 创建个人免费博客(五)jekyllproject公布到github上-LMLPHP

二、project内容托管:

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

Github+Jekyll —— 创建个人免费博客(五)jekyllproject公布到github上-LMLPHP

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

Github+Jekyll —— 创建个人免费博客(五)jekyllproject公布到github上-LMLPHP

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

Github+Jekyll —— 创建个人免费博客(五)jekyllproject公布到github上-LMLPHP

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

Github+Jekyll —— 创建个人免费博客(五)jekyllproject公布到github上-LMLPHP

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

Github+Jekyll —— 创建个人免费博客(五)jekyllproject公布到github上-LMLPHP

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

Github+Jekyll —— 创建个人免费博客(五)jekyllproject公布到github上-LMLPHP

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

Github+Jekyll —— 创建个人免费博客(五)jekyllproject公布到github上-LMLPHP

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

Github+Jekyll —— 创建个人免费博客(五)jekyllproject公布到github上-LMLPHP

Github+Jekyll —— 创建个人免费博客(五)jekyllproject公布到github上-LMLPHP

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

Github+Jekyll —— 创建个人免费博客(五)jekyllproject公布到github上-LMLPHP

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

Github+Jekyll —— 创建个人免费博客(五)jekyllproject公布到github上-LMLPHP

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

Github+Jekyll —— 创建个人免费博客(五)jekyllproject公布到github上-LMLPHP

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

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

三、改动更新:

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

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

Github+Jekyll —— 创建个人免费博客(五)jekyllproject公布到github上-LMLPHP

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

Github+Jekyll —— 创建个人免费博客(五)jekyllproject公布到github上-LMLPHP

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

Github+Jekyll —— 创建个人免费博客(五)jekyllproject公布到github上-LMLPHP

4.查看改动效果:

Github+Jekyll —— 创建个人免费博客(五)jekyllproject公布到github上-LMLPHP

05-11 18:39