1 新建一个repo,创建一个没有父节点的分支gh-pages(github规定，只有该分支中的页面，才会生成网页文件):　　　

mkdir jekyll_demo

cd jekyll_demo

git init

git checkout --orphan gh-pages

　　　然后在该分支下创建如下目录和文件：　　　　　　　　　

　　　　

　　_config.yml是jekyll的配置文件，我们在里面填入如下内容：  baseurl: /jekyll_demo 

 　 _layouts 目录，用于存放模板文件， default.html文件，作为Blog的默认模板，内容如下：　　　　　　　　　
<!DOCTYPE html>

<html>

<head>

　　<meta http-equiv="content-type" content="text/html; charset=utf-8" />

　　<title>{{ page.title }}</title>

</head>

<body>

　　{{ content }}

</body>

</html>

　　 _posts 目录，用于存放blog文章，可以在这里创建文章 2012-08-25-hello-world.html（文件名必须为"年-月-日-文章标题.后缀名"的格式，

　　　如果网页代码采用html格式，后缀名为html；如果采用markdown格式，后缀名为md），文章内容如下：

---
layout: default

title: 你好，世界

---

<h2>{{ page.title }}</h2>

<p>我的第一篇文章</p>

<p>{{ page.date | date_to_string }}</p>

//每篇文章必须有一个yaml头部，用来设置一些元数据。
//"layout:default"，表示该文章的模板使用_layouts目录下的default.html文件；
//"title: 你好，世界"，表示该文章的标题是"你好，世界"，如果不设置这个值，默认使用嵌入文件名的标题，即"hello world"

　　 index.html文件，为博客首页，内容如下：

　　

---

layout: default

title: 我的Blog

---

<h2>{{ page.title }}</h2>

<p>最新文章</p>

<ul>

　　{% for post in site.posts %}

　　　　<li>{{ post.date | date_to_string }} <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>

　　{% endfor %}

</ul>

//首页使用了{% for post in site.posts %}，表示对所有帖子进行一个遍历
//{{site.baseurl}}就是_config.yml中设置的baseurl变量

　　以上内容写好后，提交到本地库  git add *               git commit -m "first post"

2 在github上新建一个同名的repo，然后在本地仓库执行推送命令（username改为自己的用户名）：

　　　　 $ git remote add origin https://github.com/username/jekyll_demo.git

　　　　 $ git push origin gh-pages

大功告成，等待一会，访问http://username.github.io/jekyll_demo/ 就可以看到第一篇文章了。

　　 　　　　





												


											
使用Github搭建个人博客网站的更多相关文章
	

    
								
  1. Hexo+Github/Coding免费搭建个人博客网站
		
    体验更优排版请移步原文:http://blog.kwin.wang/other/hexo-github-build-blog.html 很早之前就想搭建一个属于自己的博客网站,一方面是给自己做笔记,把 ...
    
		
    2. 
						
  2. GitHub Pages + Hexo搭建个人博客网站-github风格-采坑记录
		
    目录 1.本机安装nodejs 2.github上创建仓库 3.安装hexo 4.hexo主题 5.配置主题 6.添加文章 7.使用分类和标签 8.增加文章目录 9.推送github 使用github ...
    
		
    3. 
						
  3. 《Hexo+github搭建个人博客》
		
    <Hexo+github搭建个人博客> 文/冯皓林 完稿:2016.4.22-2016.4.23 注意:本节教程只针对Windows用户.本教程由无人赞助,赞助写出. <Hexo+g ...
    
		
    4. 
						
  4. 使用Node.js+Hexo+Github搭建个人博客（续）
		
    一.写在前面 在我的上一篇博客<使用Nodejs+Hexo+Github搭建个人博客>中,已经介绍了如何使用 Hexo 在 Github Pages 上搭建一个简单的个人博客.该篇博文将在 ...
    
		
    5. 
						
  5. 如何用hexo+github搭建个人博客
		
    搭建环境 1.安装 Node.js: https://nodejs.org/en/ windows下点击链接,下载安装即可;Linux下更加简单,在终端下输入sudo apt-get install  ...
    
		
    6. 
						
  6. jekyll+github搭建个人博客总结
		
    jekyll+github搭建个人博客 经过一天多的折腾,终于算是搭建好了自己的个人博客,看到有些社区评论说:在windows下用jekyll搭建静态博客,简直就自讨苦吃,但是都到一半了,有什么办法呢 ...
    
		
    7. 
						
  7. Linux_基于Docker快速搭建个人博客网站
		
    时间:2017年04月28日星期五 说明:基于docker技术,使用jpress开源框架搭建个人博客网站.特别感谢jpress开源项目.系统版本:CentOS 7.2-64bit. 步骤一:准备Doc ...
    
		
    8. 
						
  8. Ubuntu+Hexo+Github搭建个人博客
		
    Ubuntu+Hexo+Github搭建个人博客 目录 目录 目录 1. 简介 环境 2. Git安装及配置 2.1 安装Git 2.2 创建Git仓库 2.3 配置git仓库 2.4 添加公钥 3. ...
    
		
    9. 
						
  9. Windows上使用jekyll+github搭建免费博客
		
    jekyll+github搭建个人博客 (一)下载Ruby (二)安装jekyll (三)开启jekyll服务器 (四)使用github展示博客 一.下载Ruby Ruby,一种简单快捷的面向对象(面 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 关闭HTC手机充电时屏幕一直亮着绿色电池的办法
			
            首先必须取得ROOT权限,用RE文件管理器进system/bin/把最下面的zchgd文件改名字或者直接删掉重新启动手机充电时就不会亮屏了,电池图标也不会出来,再用数据线连电脑充电吧, ...
    
			
    2. 
						
  2. chapter 13_0 元方法
			
    通常,Lua中的每个值都有一套预定义的操作集合. 例如:可以将数字相加.可以连接字符串.可以在table中插入一对key-value等. 但是无法将两个table相加,无法对函数作比较,或无法调用一个 ...
    
			
    3. 
						
  3. weblogic一些基本概念
			
    <收藏过来的----------http://www.cnblogs.com/cocowool/archive/2012/04/01/2428861.html> WebLogic中的一些基 ...
    
			
    4. 
						
  4. jQuery,使用on代替delegate,live 写法区别
			
    早期对页面上后期加载的动态元素,赋事件或值的时候,是使用live的.  由于效率比较低(其实数据不多也感觉不出来),后面使用delegate委托来代替了,再后面,1.7以后使用on 来代替delega ...
    
			
    5. 
						
  5. ADO.NET 完整修改、删除、防字符串攻击
			
    首先,我先把昨天所做的人事管理系统进行了优化,将其完善成为了一个更符合实际的系统.将修改及删除数据的数据库操作前面添加了一个查询语句,这样,在实际操作时,如果数据库中没有该条数据,则程序不会执行接下来 ...
    
			
    6. 
						
  6. kali linux 更新软件源，安装中文输入法，修复Linux与windows引导菜单解决windows引导丢失
			
    1. 更新软件源打开sources.list文件,进行添加更新源:leafpad /etc/apt/sources.list 2. 添加软件源#官方源 deb http://http.kali.org ...
    
			
    7. 
						
  7. 总结一下C++各个版本之间的功能扩充
			
    活到老,学到老.   C++ 98 我们学习和教材中常见的. C++ 03 主要是对98版本进行了bug修复. C++ 11 引入的新功能请参见:         http://www.cpluspl ...
    
			
    8. 
						
  8. 对方网络ping不通
			
    后台接口往往部署在其他服务器上如果ping不同 很大可能是因为对方开防火墙的原因 解决方法:控制面板-windows防火墙-打开或关闭windows防火墙
    
			
    9. 
						
  9. manifest中的largeHeap是干什么用的？
			
    转 http://blog.csdn.net/jiaoyang623/article/details/8773445 今天群里有人讨论怎么给app分配超过100M的内存,有人亮出了largeHeap参 ...
    
			
    10. 
						
  10. win安装Theano
			
    艰辛的安装Theano过程,把其中遇到的问题记录下来,三台机子都尝试了安装Theao,系统分别为:A机:win7 64-bit(笔记本).B机:win7 64-bit(台式机).C机:win8 64- ...
    
			
    11.