[2]. jekyll安装与应用
一、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.'
四、下一步
1、jekyll基础
[2]. jekyll安装与应用的更多相关文章
- 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 可以尝试使用以下指令进 ...
- Windows下Jekyll安装
一直用Mac,换了新公司使用的电脑是windows,网上粗略的看了一下Jekyll的安装.简略的实现了一遍 首先安装Ruby Ruby安装文件下载地址 下载对应版本,我的电脑是64位的下载64位的版本 ...
- Mac下Jekyll安装
之前一直用Wordpress,虽然功能强大,各种插件各种bug,如果想弄个主题,折腾得要命.最近改用jekyll+gitHub免费空间.记录一下. 我用的是Mac,所以只讲述Mac下如何安装,Wind ...
- jekyll安装的斗智斗勇
jekyll---将纯文本转化为静态网站和博客,GitHub Pages 可以运行 Jekyll,你很简单就可以完全免费的在 GitHub 上发布网站. 小白安装jekyll时的若干问题,有错误欢迎指 ...
- jekyll 安装过程
如果有, linux以源码包方式发布, 方便,快捷, 容易出错,安装内容难找到,版本容易冲突.兼容性会出错.如何解决这种方式:1.上网查找答案,你遇到的别人也有,关键词匹配到,好像没有别的办法解决了, ...
- jekyll安装及使用
清除旧版Ruby,若存在 yum remove ruby 若为源码,使用如下命令 cd <your-ruby-source-path> make uninstall 下面开始安装Ruby ...
- jekyll 安装使用
1. 安装 条件: ruby gem 注意版本,同时建议使用国内的镜像 gem install jekyll bundler 2. 创建网站 jekyll new my-awesome ...
- 一、Github博客搭建之jekyll安装
注意:以下步骤是FQ后操作的,需要了解FQ的可以移步 -> 枫叶主机 一.安装jekyll需要Ruby-2.1.0以上版本,本人是mac pro系统版本10.12.5(macOS Sierra) ...
- Windows 上安装 Jekyll.
Jekyll是一个静态网站生成工具.它允许用户使用HTML.Markdown或Textile来建立静态页面,然后通过模板引擎Liquid(Liquid Templating Engine)来运行. 原 ...
随机推荐
- JSF 抽象和实现例子 (函数和属性)
ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/ ...
- scala 学习: case class
case class: 1.定义为case class 的类在实例化时,可以不使用new 关键字. case class People(name:String, age:Int) val zhangs ...
- clone()与clone(true)的区别
clone()方法用于复制一个元素,但是被复制出来的元素不具备复制的功能,如果希望被复制出来的元素也具备复制的功能,需要给clone()方法加上true这个参数,即clone(true). 例如: & ...
- Builder(生成器)-对象创建型模式
一.意图 将一个复杂对象的构建与它的表示分离,使得同样的构造过程可以创建不同的表示. 二.动机 一个复杂的对象的构造过程中,原料相同,可能会要求生产不同的产品,并且生产的产品种类还能够方便的增加.Bu ...
- PLSQL往表中插入中文乱码解决办法
1.查看服务器端编码:select userenv('language') from dual; 2.查看第一行中PARAMETER项中为NLS_LANGUAGE 对应的VALUE项中是否和第一步得到 ...
- Qrels supervision information以及document collection,如何划分为train、test,保证test中doc对于train来说是new document
简单的思想:转换为最小割问题 无向图的全局最小割算法:Stoer-Wagner算法 简介见:Wiki介绍得比较好并有源代码 最小割算法:http://blog.csdn.net/markpen/art ...
- SQL获取所有数据库名、表名、储存过程以及参数列表
SQL获取所有数据库名.表名.储存过程以及参数列表 1.获取所有用户名:SELECT name FROM Sysusers where status='2' and islogin='1'islogi ...
- DB2不记录事务日志
1. DB2大数据处理不记录事务日志步骤: 建表需要添加属性“NOT LOGGED INITIALLY” 在大批量更改操作的同一个事务开始时执行:“ALTER TABLE tabname ACTI ...
- jsp-avaBean
package javaBean; public class pagecount { private long count=0; public long getcount() { return cou ...
- Java 入门 代码2浮点数据类型
/** * 基本数据类型之浮点类型 */ public class DataTypeDemo2 { public static void main(String[] args) { double d1 ...