一、ruby安装

这里在win下安装ruby,对应自己电脑的操作系统位数,如我的是64位,对应下载Ruby 2.0.0-p353 (x64)这个版本的ruby。然后安装过程就很简单了:

命令行下输入ruby -v 检测是否安装成功:

C:\Users\Administrator>ruby -v
ruby 2.0.0p353 (2013-11-22) [x64-mingw32]

出现版本号就说明安装成功了,接下来就要安装jekyll.

二、安装jekykll

最好在你的git bash下安装,据说在DOS命令下错误百出。安装过程如下:

$ gem install jekyll
Fetching: liquid-2.5.5.gem (100%)
Successfully installed liquid-2.5.5
Fetching: fast-stemmer-1.0.2.gem (100%)
ERROR:  Error installing jekyll:
The 'fast-stemmer' native gem requires installed build tools.

Please update your PATH to include build tools or download the DevKit
from 'http://rubyinstaller.org/downloads' and follow the instructions
at 'http://github.com/oneclick/rubyinstaller/wiki/Development-Kit'

还是报错了,提示我们下载安装"DevKit",这里下载安装即可,然后又提示我们在http://github.com/oneclick/rubyinstaller/wiki/Development-Kit找答案。

上面提示说:

安装了DevKit后切换到DevKit的安装目录:cd

执行 ruby dk.rb init 生成config.yml配置文件

最后 ruby dk.rb install 安装 DevKit 到你ruby中。对于64位操作系统来说,可能会报错:‘Invalid configuration. Please fix ‘config.yml’ and rerun ‘ruby dk.rb install’`. 解决方案是将ruby目录的绝对路径写在config.yml中,如下:

# This configuration file contains the absolute path locations of all
# installed Rubies to be enhanced to work with the DevKit. This config
# file is generated by the 'ruby dk.rb init' step and may be modified
# before running the 'ruby dk.rb install' step. To include any installed
# Rubies that were not automagically discovered, simply add a line below
# the triple hyphens with the absolute path to the Ruby root directory.
#
# Example:
#
# ---
# - C:/ruby19trunk
# - C:/ruby192dev
#
---
- C:\Ruby200-x64

注意规则:在---下,以 - 开头,然后空一格,然后是写ruby的绝对路径。

然后再试 ruby dk.rb install.如下提示:

$ ruby dk.rb install
[INFO] Updating convenience notice gem override for 'C:/Ruby200-x64'
[INFO] Installing 'C:/Ruby200-x64/lib/ruby/site_ruby/devkit.rb'

那么就说明安装成功了,然后就安装jekyll吧

$ gem install jekyll
Temporarily enhancing PATH to include DevKit..
Building native extensions.  This could take a
Successfully installed fast-stemmer-1.0.2
Fetching: classifier-1.3.4.gem (100%)
Successfully installed classifier-1.3.4
Fetching: rb-fsevent-0.9.4.gem (100%)
......

检测是否安装成功:

$ jekyll -v
jekyll 1.4.3

提示ok了!

上面的最好参考文档

三、jekyll应用

下面举一个”用Jekyll构建基于bootstrap模板“ 的例子:
首先从github下载模板

$ git clone https://github.com/plusjade/jekyll-bootstrap.git jekyll 

然后进入项目目录,启动jekyll服务:

$ cd jekyll-bootstrap
$ jekyll serve

如果不出意外就会出现以下界面:

当然那些花花绿绿的线条和文字是我闲着无聊添加上去的。

如果像我一样运气不好,在启动时出现:以下错误:

$ jekyll serve
Configuration file: e:/jek_demo/jekyll-bootstrap/_config.yml
Source: e:/jek_demo/jekyll-bootstrap
   Destination: e:/jek_demo/jekyll-bootstrap/_site
  Generating... error: Invalid argument - e:/jek_demo/jekyll-bootstrap/_site
/e:. Use --trace to view backtrace

就说明你下载的jekyll是最新版,与你的ruby版本的问题,这里卸载最新版,安装1.4.2的版本的就行了:

# 卸载原先安装的最新版1.4.3的jekyll
$ gem uninstall jekyll
Remove executables:
jekyll

in addition to the gem? [Yn]  y
Removing jekyll
Successfully uninstalled jekyll-1.4.3

Administrator@FANGPENG /e/jek_demo/jekyll-bootstrap (master)
#安装1.4.2版本的
$ gem install jekyll --version "=1.4.2"
Fetching: jekyll-1.4.2.gem (100%)
Successfully installed jekyll-1.4.2
Parsing documentation for jekyll-1.4.2
Installing ri documentation for jekyll-1.4.2
1 gem installed

Administrator@FANGPENG /e/jek_demo/jekyll-bootstrap (master)
$ jekyll -v
jekyll 1.4.2

Administrator@FANGPENG /e/jek_demo/jekyll-bootstrap (master)
# 然后在启动服务,ok啦
$ jekyll serve
Configuration file: e:/jek_demo/jekyll-bootstrap/_config.yml
Source: e:/jek_demo/jekyll-bootstrap
   Destination: e:/jek_demo/jekyll-bootstrap/_site
  Generating... done.
Server address: http://0.0.0.0:4000
  Server running... press ctrl-c to stop.

访问http://localhost:4000/就出现以下页面了:

参考:
1.win7下安装jekyll——在github上创建自己的博客

2.Invalid configuration. Please fix 'config.yml.'

3.Jekyll在github上构建免费的Web应用

四、下一步

1、jekyll基础

[2]. jekyll安装与应用的更多相关文章

  1. Jekyll 安装权限问题 ERROR: While executing gem ... (Errno::EPERM) Operation not permitted - /usr/bin/jekyll

    OS X El Capitan 新特性(System Integrity Protection or SIP)中加强了权限,但是可以对这里进行操作 /usr/local/bin 可以尝试使用以下指令进 ...

  2. Windows下Jekyll安装

    一直用Mac,换了新公司使用的电脑是windows,网上粗略的看了一下Jekyll的安装.简略的实现了一遍 首先安装Ruby Ruby安装文件下载地址 下载对应版本,我的电脑是64位的下载64位的版本 ...

  3. Mac下Jekyll安装

    之前一直用Wordpress,虽然功能强大,各种插件各种bug,如果想弄个主题,折腾得要命.最近改用jekyll+gitHub免费空间.记录一下. 我用的是Mac,所以只讲述Mac下如何安装,Wind ...

  4. jekyll安装的斗智斗勇

    jekyll---将纯文本转化为静态网站和博客,GitHub Pages 可以运行 Jekyll,你很简单就可以完全免费的在 GitHub 上发布网站. 小白安装jekyll时的若干问题,有错误欢迎指 ...

  5. jekyll 安装过程

    如果有, linux以源码包方式发布, 方便,快捷, 容易出错,安装内容难找到,版本容易冲突.兼容性会出错.如何解决这种方式:1.上网查找答案,你遇到的别人也有,关键词匹配到,好像没有别的办法解决了, ...

  6. jekyll安装及使用

    清除旧版Ruby,若存在 yum remove ruby 若为源码,使用如下命令 cd <your-ruby-source-path> make uninstall 下面开始安装Ruby ...

  7. jekyll 安装使用

    1. 安装     条件: ruby gem 注意版本,同时建议使用国内的镜像 gem install jekyll bundler   2. 创建网站   jekyll new my-awesome ...

  8. 一、Github博客搭建之jekyll安装

    注意:以下步骤是FQ后操作的,需要了解FQ的可以移步 -> 枫叶主机 一.安装jekyll需要Ruby-2.1.0以上版本,本人是mac pro系统版本10.12.5(macOS Sierra) ...

  9. Windows 上安装 Jekyll.

    Jekyll是一个静态网站生成工具.它允许用户使用HTML.Markdown或Textile来建立静态页面,然后通过模板引擎Liquid(Liquid Templating Engine)来运行. 原 ...

随机推荐

  1. ceph初步快速部署

    一.基本情况:物理设备:4台惠普dl360,4个千兆网卡 4个1T盘操作系统统一为:CentOS 7.2.1511ceph版本:10.2.3ceph-deploy版本:1.5.36网络情况:192.1 ...

  2. ORACLE服务端详细安装步骤(配图解)

    ORACLE服务端的安装及配置 l 将下载的安装包解压缩,双击[setup.exe]文件,系统检查监听参数,耐心等待,完成后出现如下界面,电子邮件可不填,"我希望..."建议不勾选 ...

  3. Spring+MyBatis多数据源配置实现

    最近用到了MyBatis配置多数据源,原以为简单配置下就行了,实际操作后发现还是要费些事的,这里记录下,以作备忘 不多废话,直接上代码,后面会有简单的实现介绍 jdbc和log4j的配置 #定义输出格 ...

  4. [python] 线程

    来源:田飞雨 链接:http://www.jianshu.com/p/12cd213a93bf 虽然python中由于GIL的机制致使多线程不能利用机器多核的特性,但是多线程对于我们理解并发模型以及底 ...

  5. ActionScript语言函数重载

    更新:你见过JavaScript支持重载吗,规范就是这么定义的.如果不是研究Java和Flex对象的Serialization,我也不会注意它. 距离写这篇文章已有8年了,时光匆匆啊,今天整理资料时看 ...

  6. js 获取、清空 input type="file"的值 .(转)

    上传控件基础知识说明: 上传控件(<input type="file"/>)用于在客户端浏览并上传文件,用户选取的路径可以由value属性获取,但value属性是只读的 ...

  7. [VBS]遍历XML文档

    一.脚本源码 使用VBS脚本遍历XML文件 Option Explicit '定义常量 '元素 '文本 'CDATA '实体引用 '实体 '处理指令 '注释 '文档类型 '遍历文件 NameList. ...

  8. Qt 无法解析外部文件2001,2019之类的

    一般是部分代码出错,比如构造函数的实参没有对应或者设置好: 还有尝试删除debug生成的文件试试,清理当前项目->重新构建: 以及看下有没有变量没有初始化或者变量定义的时候父类错了等. 以及其他 ...

  9. javascript基础知识-语句

    关于javascript语句,有下面一些有趣的用法. 1.空语句的使用: 空语句只包含一个";",那在什么时候可以使用呢? 例: //初始化一个数组a for(i = 0;i &l ...

  10. PHP注册手机获取验证码代码

    php代码: <?php require dirname(__FILE__).'/include/common.inc.php';//这是在cms2008下面做的测试 header(" ...