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

  1. mkdir jekyll_demo
  2. cd jekyll_demo
  3. git init
  4. git checkout --orphan gh-pages

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

　　　　

  1. 　　_config.yml是jekyll的配置文件，我们在里面填入如下内容：  baseurl: /jekyll_demo 
  2.  
  3.  　 _layouts 目录，用于存放模板文件， default.html文件，作为Blog的默认模板，内容如下：　　　　　　　　　
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. 　　<meta http-equiv="content-type" content="text/html; charset=utf-8" />
  5. 　　<title>{{ page.title }}</title>
  6. </head>
  7. <body>
  8. 　　{{ content }}
  9. </body>
  10. </html>

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

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

  1. ---
    layout: default
  2. title: 你好，世界
  3. ---
  4. <h2>{{ page.title }}</h2>
  5. <p>我的第一篇文章</p>
  6. <p>{{ page.date | date_to_string }}</p>
  7.  
  8. //每篇文章必须有一个yaml头部，用来设置一些元数据。
    //"layout:default"，表示该文章的模板使用_layouts目录下的default.html文件；
    //"title: 你好，世界"，表示该文章的标题是"你好，世界"，如果不设置这个值，默认使用嵌入文件名的标题，即"hello world"

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

　　

  1. ---
  2. layout: default
  3. title: 我的Blog
  4. ---
  5. <h2>{{ page.title }}</h2>
  6. <p>最新文章</p>
  7. <ul>
  8. 　　{% for post in site.posts %}
  9. 　　　　<li>{{ post.date | date_to_string }} <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
  10. 　　{% endfor %}
  11. </ul>
  12.  
  13. //首页使用了{% 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/ 就可以看到第一篇文章了。

　　 　　　　

  1.  
  1.  

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

  1. Hexo+Github/Coding免费搭建个人博客网站

    体验更优排版请移步原文:http://blog.kwin.wang/other/hexo-github-build-blog.html 很早之前就想搭建一个属于自己的博客网站,一方面是给自己做笔记,把 ...

  2. GitHub Pages + Hexo搭建个人博客网站-github风格-采坑记录

    目录 1.本机安装nodejs 2.github上创建仓库 3.安装hexo 4.hexo主题 5.配置主题 6.添加文章 7.使用分类和标签 8.增加文章目录 9.推送github 使用github ...

  3. 《Hexo+github搭建个人博客》

    <Hexo+github搭建个人博客> 文/冯皓林 完稿:2016.4.22-2016.4.23 注意:本节教程只针对Windows用户.本教程由无人赞助,赞助写出. <Hexo+g ...

  4. 使用Node.js+Hexo+Github搭建个人博客（续）

    一.写在前面 在我的上一篇博客<使用Nodejs+Hexo+Github搭建个人博客>中,已经介绍了如何使用 Hexo 在 Github Pages 上搭建一个简单的个人博客.该篇博文将在 ...

  5. 如何用hexo+github搭建个人博客

    搭建环境 1.安装 Node.js: https://nodejs.org/en/ windows下点击链接,下载安装即可;Linux下更加简单,在终端下输入sudo apt-get install ...

  6. jekyll+github搭建个人博客总结

    jekyll+github搭建个人博客 经过一天多的折腾,终于算是搭建好了自己的个人博客,看到有些社区评论说:在windows下用jekyll搭建静态博客,简直就自讨苦吃,但是都到一半了,有什么办法呢 ...

  7. Linux_基于Docker快速搭建个人博客网站

    时间:2017年04月28日星期五 说明:基于docker技术,使用jpress开源框架搭建个人博客网站.特别感谢jpress开源项目.系统版本:CentOS 7.2-64bit. 步骤一:准备Doc ...

  8. Ubuntu+Hexo+Github搭建个人博客

    Ubuntu+Hexo+Github搭建个人博客 目录 目录 目录 1. 简介 环境 2. Git安装及配置 2.1 安装Git 2.2 创建Git仓库 2.3 配置git仓库 2.4 添加公钥 3. ...

  9. Windows上使用jekyll+github搭建免费博客

    jekyll+github搭建个人博客 (一)下载Ruby (二)安装jekyll (三)开启jekyll服务器 (四)使用github展示博客 一.下载Ruby Ruby,一种简单快捷的面向对象(面 ...

随机推荐

  1. Mybatis批量更新数据

    转载:http://blog.csdn.net/tolcf/article/details/39213217 第一种方式 <update id="updateBatch" p ...

  2. lucene 简单搜索步骤

    1.创建IndexReader实例: Directory dir = FSDirectory.open(new File(indexDir)); IndexReader reader = Direct ...

  3. JPA 系列教程18-自动把firstName+lastName合并为name字段

    需求 设计的国际化网站,页面需要输入firstName,lastName,后台数据库只需要存储name属性. 页面获取的firstName,lastName持久化到数据库name属性,规则按照,分隔保 ...

  4. git容易被忽略的准备工作命令

    安装git命令 $ apt-get install git-core 配置用户信息 $ git config --global user.name "wxw" $ git conf ...

  5. 复习之webview（观看张荣超视频）

    webview定义的两张方式: 1,是在xml文件里面进行定义: 2,实在代码里面定义:   3,在webview上显示内容必要的配置:   4常见的设置: 是否支持javascript 是否支持缩放 ...

  6. iosiOSlabel基本使用以及文字自适应

    (如果需要的不是使用的属性值如换行形式,可以把对应的属性在程序中书写然后按"command"+鼠标左键点击就可以查看所有属性值) 一label基本设置 self.view.back ...

  7. C语言介绍

    以下东东转自百度百科 C语言是一种计算机程序设计语言,它既具有高级语言的特点,又具有汇编语言的特点.它由美国贝尔实验室的Dennis M. Ritchie于1972年推出,1978年后,C语言已先后被 ...

  8. Windows如何压缩tar.gz格式

    Windows如何压缩tar.gz格式 tar.gz 是linux和unix下面比较常用的格式,几个命令就可以把文件压缩打包成tar.gz格式 然而这种格式在windows并不多见,WinRAR.Wi ...

  9. 第十一节，编辑器软件PyCharm 5.0.3

    编辑器软件PyCharm 5.0.3 设置 主题方案 字体大小 行距 文件模板 文件编码 版本切换

  10. Fine Uploader 简单配置方法

    由于jquery.uploadify是基于flash的jquery上传控件,客户老是说出问题,所以今天换成了一个纯js的异步上传控件. 这方面的资料很少,故此记下来分享一下. 项目地址:Fine Up ...