摘要:

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

===============================分割线====================================

一、环境部署:

1.资源下载:

我们之前说过生成网页使用的Jekyll是基于Ruby的技术,所以在这里Ruby是必不可少的。我当前的开发环境搭建是在win7 64bit下进行的,所以我们在Ruby官网下载到所需的资料,包括两个:

a.Ruby的安装程序(版本自选,默认选择最新版本):rubyinstaller-2.3.0-x64.exe

b.与Ruby版本对应的DevKit(DevKit 是一个在 Windows 上帮助简化安装及使用 Ruby C/C++ 扩展如RDiscount 和 RedCloth 的工具箱):DevKit-mingw64-64-4.7.2-20130224-1432-sfx.exe

2.安装Ruby:

双击下载好的Ruby的安装程序,选择安装目录:

安装完成后,在系统参数中进行相应配置配置:创建一个RUBY_HOME变量保存安装程序的根目录,将其bin目录配置到path参数中:

配置完成后打开docs窗口,测试是否成功:

假如安装的不是最新版本,我们还需要进行RubyGems的安装,但我们此时使用的是最新版本,所以不必更新:

3.安装DevKit:

       在步骤2中我们已经下载了DevKit的安装程序,这里直接双击打开安装程序,指定解压目录:

在命令行中跳转到刚才解压的目录下,通过初始化操作创建config.yml配置文件:

此时会打开config.yml文件,我们可以直接在文件的末尾处添加Ruby的安装根目录:- E:/Self Blog/Ruby23-x64:

再通过docs窗口完成DevKit的安装操作:

4.安装Jekyll:

        在完成了Ruby的安装之后,接下来我们就要正式开始安装Jekyll了,其实此安装过程是依赖于之前的Ruby的。打开docs窗口,先检查Ruby的版本,然后执行“gem install jekyll”:

此时发现出现了错误,无法安装jekyll,解决方案要根据具体情况来定:

查找问题的方法:通过“gem sources -l”来查看当前获取源的列表,如果现实为:

情况一:有获取源,但是无法安装,这是因为国外的gems往往很不稳定,所以我们可以切换使用本地的gems源下载地址,在docs中输入:

gem sources --remove http://rubygems.org/

gem sources -a https://ruby.taobao.org/

这样的作用就是切换获取ruby源的地址,我们可以通过“gem sources -l”来查看当前获取源的列表,确保只有一个之后,我们开始重新安装Jekyll。

情况二:无来源,即查询是“*** CURRENT SOURCES ***”后面没有下载源的地址,这时候我们只需要添加一个地址即可:

解决问题之后重新安装Jekyll,成功的话如下图所示:

验证安装是否成功:

Github+Jekyll —— 创建个人免费博客(二)Ruby+Jekyll部署的更多相关文章

  1. Github+Jekyll —— 创建个人免费博客(一)从零开始

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

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

    摘要: 本文中我将介绍一下怎样在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上搭建博客(使用Jekyll)

    简单说,只需要三步,就可以在 Github 搭建起一个博客: 在 Github 上建一个名为 xxx.github.io 的库: 把看中了的 Jekyll 模板 clone 到本地: 把这个模板 pu ...

  8. 利用GitHub Pages + jekyll快速搭建个人博客

    前言 想搭建自己博客很久了(虽然搭了也不见得能产出多频繁). 最初萌生想写自己博客的想法,想象中,是自己一行一行码出来的成品,对众多快速构建+模板式搭建不屑一顾,也是那段时间给闲的,从前后端选型.数据 ...

  9. 手把手教从零开始在GitHub上使用Hexo搭建博客教程(二)-Hexo参数设置

    前言 前文手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置介绍了github注册.git相关设置以及hexo基本操作. 本文主要介绍一下hexo的常用参数设置. ...

随机推荐

  1. Selenium Xpath Tutorials - Identifying xpath for element with examples to use in selenium

    Xpath in selenium is close to must required. XPath is element locator and you need to provide xpath ...

  2. spark 快速入门 java API

    Spark的核心就是RDD,对SPARK的使用入门也就是对RDD的使用,包括action和transformation 对于Java的开发者,单单看文档根本是没有办法理解每个API的作用的,所以每个S ...

  3. vuex 使用笔记

    1. 在store.js中 储存数据状态 02. 在action.js中分发行为 03. 在页面中获取并使用状态

  4. superSlider实现美女轮播图

    superSlider实现美女轮播图 <!DOCTYPE html><html lang="en"><head><meta charset ...

  5. python shutil.copy()用法

    shutil.copyfile(src, dst):复制文件内容(不包含元数据)从src到dst. DST必须是完整的目标文件名; 如果src和dst是同一文件,就会引发错误shutil.Error. ...

  6. Flume(1)使用入门

    一.概述: Flume是Cloudera提供的一个高可用的,高可靠的,分布式的海量日志采集.聚合和传输的系统. 当前Flume有两个版本Flume 0.9X版本的统称Flume-og,Flume1.X ...

  7. git 用不同的邮箱配置不同的ssh

    首先,介绍一下配置背景: 1.有两个邮箱A@mail.com  , B@mail.com 2.两个git账号,一个公司gitlab上的A@mail ,另一个github上的B@mail 3. 目标:提 ...

  8. 【CentOS】LAMP相关4

    MySQL不支持TAB补全.mysql_history命令历史 用SOCKET形式登陆:mysql -uroot -p123456,mysql -uroot -p123456 -S /var/lib/ ...

  9. PHP常用函数、数组方法

    常用函数:rand(); 生成随机数rand(0,50); 范围随机数时间:time(); 取当前时间戳date("Y-m-d H:i:s"); Y:年 m:月份 d:天 H:当前 ...

  10. CSS中的rem的换算

    rem好像也是一个相对大小的值,它是相对于根元素<html>,比如假设,我们设置html的字体大小的值为 html{font-size: 87.5%;}(也就是14px,这是twentyt ...