Github+Jekyll —— 创建个人免费博客(五)jekyllproject公布到github上
摘要:
本文中我将介绍一下怎样在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上的更多相关文章
- Github+Jekyll —— 创建个人免费博客(二)Ruby+Jekyll部署
摘要: 本文中我将介绍一下如何在github上搭建个人Blog(博客),也顺便让我们掌握一下github Pages功能,另外还涉及到Jekyll技术. ======================= ...
- Github+Jekyll —— 创建个人免费博客(一)从零开始
摘要: 本文中我将介绍一下如何在github上搭建个人Blog(博客),也顺便让我们掌握一下github Pages功能,另外还涉及到Jekyll技术. ======================= ...
- 新瓶装旧酒:全程无命令 GitHub Pages 创建您的博客站点
使用 GitHub Pages 创建博客站点的文章很多,也有很长的历史了.但是,许多已经与当前的 GitHub 不一致了,如果你按图索骥,会发现驴唇对不上马嘴. 更为麻烦的是,你会发现或者需要你输入许 ...
- 8.GitHub实战系列~8.使用GitHub建立自己的免费博客
github实战汇总:http://www.cnblogs.com/dunitian/p/5038719.html 创建一个用户名.github.io的仓库 选择设置页面风格 页面基本信息 选择一个你 ...
- Windows上使用jekyll+github搭建免费博客
jekyll+github搭建个人博客 (一)下载Ruby (二)安装jekyll (三)开启jekyll服务器 (四)使用github展示博客 一.下载Ruby Ruby,一种简单快捷的面向对象(面 ...
- 使用github + Octopress 搭建免费博客 + 碰到问题的解决方法
使用github + Octopress 搭建免费博客,先说碰到的问题,具体创建方法见下面. 问题1, 添加ruby淘宝链接问题,显示无法获取, 解决: source “http://ruby.tao ...
- 利用GitHub Pages + jekyll快速搭建个人博客
前言 想搭建自己博客很久了(虽然搭了也不见得能产出多频繁). 最初萌生想写自己博客的想法,想象中,是自己一行一行码出来的成品,对众多快速构建+模板式搭建不屑一顾,也是那段时间给闲的,从前后端选型.数据 ...
- github+hexo搭建自己的博客网站(七)注意事项(避免read.me,CNAME文件的覆盖,手动改github page的域名)
详细的可以查看hexo博客的演示:https://saucxs.github.io/ 绑定域名可以查看:http://www.chengxinsong.cn 可以查看在github上生成的静态文件(如 ...
- 使用GitHub+hexo搭建个人独立博客
前言 使用github pages服务搭建博客的好处有: 全是静态文件,访问速度快: 免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台: 可以随意绑定自己的域名,不仔细看的话 ...
随机推荐
- (二)《Spring实战》——Spring核心
第二章:装配Bean 在Spring中,对象无需自己查找或创建与其所关联的其他对象.相反,容器负责把需要相互协作的对象引用赋予各个对象.例如,一个订单管理组件需要信用卡认证组件,但它不需要自己创建信用 ...
- EMQTT benchmark测试
#-c 最大的客户端数据, -i:时间间隔 -t:订阅主题 -q:订阅方式 ./emqtt_bench_sub -c 50000 -i 10 -t bench/%i -q 2 notice: You ...
- 学习C#——性能计数器
写在前面: 作为Web应用开发前线的一枚小兵,每看到“性能”一词总有种要亮瞎眼的感觉,说到“性能”那就不能不提“数据”,在程序猿.攻城师中不是流行这样一句话吗?“无图无真相”,谁要说谁开发的应用性能有 ...
- 如何用C#做一个悬浮窗口程序
用C#做一个像FlashGet的悬浮窗口,其实很简单,不像以前需要调用很多系统API.大致的步骤如下. 首先是主窗体部分,即要判断窗体的状态来决定是否显示悬浮窗口. 局部成员声明: private F ...
- 在Quartus中如何使用TCL脚本文件配制管脚
quartus软件分配管脚的方法有两种,一是选择菜单“assignments->pins”进入管脚分配视图手动分配:第二种方法是利用tcl脚本文件自动分配.这里我来介绍第二种方法. 1.生成tc ...
- php保存快捷方式到桌面
/** * 保存首页到桌面 */ public function save_shortcut() { $shortcut = "[DEFAULT] BASEURL=http://www.19 ...
- JavaScript 中 this 的用法
在 JavaScript 中,this 是动态绑定,或称为运行期绑定的.一般而言,在Javascript中,this 指向函数执行时的当前对象. 由于其运行期绑定的特性,JavaScript 中的 t ...
- jquery获取tr并更改tr内容
jquery获取tr并更改tr内容示例代码. 例子: $(document).ready(function() { $("#Email tr").each(function(){ ...
- 【Android】15.5 例15-3—Notification的各种属性演示
分类:C#.Android.VS2015: 创建日期:2016-02-29 一.简介 利用这个例子,可测试通知的各种属性以及这些不同属性选项呈现的效果. 另外,在这个例子中,还演示了如何读写SD中的图 ...
- ilmerge工具合并多个DLL或EXE
这是一个微软提供的合并多个DLL 或是将DLL合并进EXE的工具 首先下载这个工具:ilmerge http://www.microsoft.com/en-us/download/details.as ...