序:最近一直在搞Github建站,所以一直没机会写文章,那边的环境虽然搞好了,但是网站的界面却是个问题,不想用别人的,总想自己设计个,却感觉没经验吧,就一直耽搁了。所以也就没心情在那边写文章,很久没写了,闷得很,一直没机会把建站的过程总结分享下,今天突然兴起,还是来这里写写吧~

PS:本人一般使用win xp,所以下文都是针对 win xp系统的,一般情况下对于win系列系统都是适用的。至于linux/unix系统,本人很少玩,有机会试试。

一、配置ruby环境

由于jekyll是用ruby语言写的一个静态网页生成工具,所以要搭建jekyll本地环境就需要先配置好ruby环境。

1)去官网下载Ruby:https://www.ruby-lang.org/zh_cn/downloads/,可以是安装包类型,也可以是解压版的。

2)如果是安装版,则默认会给你配置系统环境变量,如果是解压版的,则需要自己配置系统环境变量。虽然本人喜欢解压版的,但由于本人功力还不够,发现解压版的缺少很多必要的东东,无奈只能罢了。(当然如果一定要解压版的,就把别人安装好的拷过来吧!)

3)鉴于本人是初学者吧,而且官方推荐不知道如何安装的,就选择RubyInstaller(这种安装方式除 Ruby 之外,捆绑一些额外的资源库。)。所以上面两步就略过了,呵呵,下载了“rubyinstaller-1.9.3-p429.exe”,记得安装的时候选上“Add Ruby executables to your PATH”(添加系统环境变量),我这里安装到了C:\Ruby下

4)下载DevKit,解压进行执行相关命令(至于为啥,我还不懂,这个是win系统下必要的步骤)。我解压到了C:\devkit下,打开cmd,切换到C:\devkit下,分步执行如下红色字样命令,出现如下提示表示安装成功了:

C:\>cd devkit

C:\devkit>ruby dk.rb init
[INFO] found RubyInstaller v1.9.3 at C:/Ruby Initialization complete! Please review and modify the auto-generated
'config.yml' file to ensure it contains the root directories to all
of the installed Rubies you want enhanced by the DevKit. C:\devkit>ruby dk.rb install
[INFO] Updating convenience notice gem override for 'C:/Ruby'
[INFO] Installing 'C:/Ruby/lib/ruby/site_ruby/devkit.rb'

二、安装jekyll(需要联网安装)

打开cmd,执行如下红色字样命令(gem命令已在系统环境中,后面的jekyll亦如此),出现如下类似信息表示安装成功(这里会安装jekyll所依赖的东西,由于是联网安装,所以存在连接速度等网络问题,如果出现错误,在确认前面安装步骤正常的情况下请多尝试,耐心等待!!!事后添加[2013-10-08]:修改gem命令代码源为ruby.taobao.org速度应该会较快的,具体设置见:http://ruby.taobao.org/):

C:\>gem install jekyll
Fetching: liquid-2.5..gem (%)
Fetching: fast-stemmer-1.0..gem (%)
Temporarily enhancing PATH to include DevKit...
Building native extensions. This could take a while...
Fetching: classifier-1.3..gem (%)
Fetching: directory_watcher-1.4..gem (%)
Fetching: syntax-1.0..gem (%)
Fetching: maruku-0.6..gem (%)
Fetching: yajl-ruby-1.1.-x86-mingw32.gem (%)
Fetching: posix-spawn-0.3..gem (%)
Building native extensions. This could take a while...
Fetching: pygments.rb-0.5..gem (%)
Fetching: highline-1.6..gem (%)
Fetching: commander-4.1..gem (%)
Fetching: safe_yaml-0.7..gem (%)
Fetching: colorator-0.1.gem (%)
Fetching: redcarpet-2.2..gem (%)
Building native extensions. This could take a while...
Fetching: jekyll-1.2..gem (%)
Successfully installed liquid-2.5.
Successfully installed fast-stemmer-1.0.
Successfully installed classifier-1.3.
Successfully installed directory_watcher-1.4.
Successfully installed syntax-1.0.
Successfully installed maruku-0.6.
Successfully installed yajl-ruby-1.1.-x86-mingw32
Successfully installed posix-spawn-0.3.
Successfully installed pygments.rb-0.5.
Successfully installed highline-1.6.
Successfully installed commander-4.1.
Successfully installed safe_yaml-0.7.
Successfully installed colorator-0.1
Successfully installed redcarpet-2.2.
Successfully installed jekyll-1.2.
gems installed
Installing ri documentation for liquid-2.5....
Installing ri documentation for fast-stemmer-1.0....
Installing ri documentation for classifier-1.3....
Installing ri documentation for directory_watcher-1.4....
Installing ri documentation for syntax-1.0....
Installing ri documentation for maruku-0.6....
Couldn't find file to include 'MaRuKu.txt' from lib/maruku.rb
Installing ri documentation for yajl-ruby-1.1.-x86-mingw32...
Installing ri documentation for posix-spawn-0.3....
Installing ri documentation for pygments.rb-0.5....
Installing ri documentation for highline-1.6....
Installing ri documentation for commander-4.1....
Installing ri documentation for safe_yaml-0.7....
Installing ri documentation for colorator-0.1...
Installing ri documentation for redcarpet-2.2....
Installing ri documentation for jekyll-1.2....
Installing RDoc documentation for liquid-2.5....
Installing RDoc documentation for fast-stemmer-1.0....
Installing RDoc documentation for classifier-1.3....
Installing RDoc documentation for directory_watcher-1.4....
Installing RDoc documentation for syntax-1.0....
Installing RDoc documentation for maruku-0.6....
Couldn't find file to include 'MaRuKu.txt' from lib/maruku.rb
Installing RDoc documentation for yajl-ruby-1.1.-x86-mingw32...
Installing RDoc documentation for posix-spawn-0.3....
Installing RDoc documentation for pygments.rb-0.5....
Installing RDoc documentation for highline-1.6....
Installing RDoc documentation for commander-4.1....
Installing RDoc documentation for safe_yaml-0.7....
Installing RDoc documentation for colorator-0.1...
Installing RDoc documentation for redcarpet-2.2....
Installing RDoc documentation for jekyll-1.2.... C:\>jekyll -v
jekyll 1.2.

三、使用jekyll创建网站并运行

jekyll是一个静态网页生成工具,那么必然有所谓的“源码”,或者说jekyll可以把你写的有一定格式的文件转换成静态网页。通过jekyll -h查看帮助可以发现有new参数,让jekyll帮助创建一个网站,即在cmd中执行“jekyll new 网站名”即可,jekyll会在当前目录下新建一个以网站名为名的文件夹,里面的是自动生成的一个简单的网站内容。

为了能够让这里网站正常运行,这里需要删除_post文件夹里的文件(应该有一个xxxx-xx-xx-welcome-to-jekyll.markdown字样的文件),因为这个文件内部使用了语法高亮插件(另外不删,则可以修改配置文件禁用该语法高亮插件,即修改根目录下_config.yml中的pygments: true为false便可。),这个需要另外安装,不再本文范围内,不删会导致生成的静态页面有问题,因时间有限本文暂不提此问题。

另外还会存在编码上的问题,但现在只要不在里面用中文,就暂时没事,后面文章再提。

最后切换到新建的网站目录下,执行jekyll serve来启动网站,默认生成的静态网页等相关资源会放入_site文件夹。命令执行结果如下:

C:\testjekyll>jekyll serve
Configuration file: C:/testjekyll/_config.yml
Source: C:/testjekyll
Destination: C:/testjekyll/_site
Generating... done.
[-- ::] INFO WEBrick 1.3.
[-- ::] INFO ruby 1.9. (--) [i386-mingw32]
[-- ::] INFO WEBrick::HTTPServer#start: pid= port=

如上可见配置文件是_config.yml,网站的端口是4000,通过http://localhost:4000来访问即可。

PS:以上安装完后,就可以自由拷贝到别的同类系统中配置并运行了(jekyll是被安装在Ruby目录下),网上有外国网友分享了此类东东,不过外国的东东多少跟我们有些出入,有兴趣的朋友可以试试(我暂时还没试过)。

参考资料:

http://www.madhur.co.in/blog/2011/09/01/runningjekyllwindows.html

http://jekyllrb.com/

jekyll本地环境搭建(Windows)的更多相关文章

  1. 【Lua学习笔记之:Lua环境搭建 Windows 不用 visual studio】

    Lua 环境搭建 Windows 不用 visual studio 系统环境:Win7 64bit 联系方式:yexiaopeng1992@126.com 前言: 最近需要学习Unity3d游戏中的热 ...

  2. OpenGL环境搭建Windows+Mac+Linux

    OpenGL环境搭建Windows+Mac+Linux Mac平台下 下载列表:GLFWcmake 下载的GLFW解压缩 然后安装cmake, 安装好cmake之后打开 1.browse source ...

  3. Python环境搭建(windows)

    Python环境搭建(windows) Python简介 Python(英国发音:/ˈpaɪθən/ 美国发音:/ˈpaɪθɑːn/),是一种面向对象.直译式计算机编程语言,具有近二十年的发展历史,成 ...

  4. Laravel 开发环境搭建 - Windows

    Laravel 开发环境搭建 - Windows  :   https://laravel-china.org/docs/laravel-development-environment/5.5/dev ...

  5. Go版GTK:环境搭建(windows)

    Go版GTK:环境搭建(windows) https://blog.csdn.net/tennysonsky/article/details/79221507 所属专栏: Go语言开发实战     1 ...

  6. Sonar本地环境搭建

    一个新项目准备上线提测了,为了在提测之前做一下代码走查,同时了解项目目前的质量情况,就在本地搭建了一套sonar环境.搭建的过程中遇到了很多问题,sonar官方已不再维护Eclipse的svn插件,所 ...

  7. 【selenium+python】之Python Flask 开发环境搭建(Windows)

    一.先安装python以及pip 二.其次, Python的虚拟环境安装: 在github上下载https://github.com/pypa/virtualenv/tree/master  zip文 ...

  8. Docker下kafka学习三部曲之二:本地环境搭建

    在上一章< Docker下kafka学习,三部曲之一:极速体验kafka>中我们快速体验了kafka的消息分发和订阅功能,但是对环境搭建的印象仅仅是执行了几个命令和脚本,本章我们通过实战来 ...

  9. Qt开发环境搭建 - Windows + VS2010 + VS插件

    Qt 开发环境搭建 - Windows+VS2010+VS插件 1.Qt在Windows平台下的三种开发环境 方案 编辑器 编译器 调试器 一 Qt Creator MinGW GDB 二 Qt Cr ...

随机推荐

  1. 树状数组 LA 4329 亚洲赛北京赛区题

    复习下树状数组 还是蛮有意思的一道题: http://uva.onlinejudge.org/index.php?option=com_onlinejudge&Itemid=8&cat ...

  2. 蓝桥 PREV-30 历届试题 波动数列 【动态规划】

      历届试题 波动数列   时间限制:1.0s   内存限制:256.0MB      问题描述 观察这个数列: 1 3 0 2 -1 1 -2 ... 这个数列中后一项总是比前一项增加2或者减少3. ...

  3. java7-Fork/Join

    Fork/Join 框架与传统线程池的区别采用“工作窃取”模式(work-stealing):当执行新的任务时它可以将其拆分分成更小的任务执行,并将小任务加到线程队列中,然后再从一个随机线程的队列中偷 ...

  4. HDU 5754Life Winner Bo

    Life Winner Bo Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 131072/131072 K (Java/Others) ...

  5. 【Codevs 2115】数集分割

    http://codevs.cn/problem/2115/ // <2115.cpp> - Sun Oct 9 12:58:23 2016 // This file is made by ...

  6. 从Linux内核中获取真随机数

    内核随机数产生器 Linux内核实现了一个随机数产生器,从理论上说这个随机数产生器产生的是真随机数.与标准C库中的rand(),srand()产生的伪随机数不同,尽管伪随机数带有一定的随机特征,但这些 ...

  7. STM32: TIMER门控模式控制PWM输出长度

    搞了两天单脉冲没搞定,无意中发现,这个利用主从模式的门控方式来控制一路PWM的输出长度很有效. //TIM2 PWM输出,由TIM4来控制其输出与停止 //frequency_tim2:TIM2 PW ...

  8. bzoj 1705: [Usaco2007 Nov]Telephone Wire 架设电话线【dp】

    i的初始化写成2了于是成功查错2h--怕不是个傻子 设f[i][j]为第i根高为j,转移是 \[ f[i][j]=min(f[i-1][k]+abs(k-j)*c+(j-h[i])^2)(j>= ...

  9. 【React Native】React Native项目设计与知识点分享

    闲暇之余,写了一个React Native的demo,可以作为大家的入门学习参考. GitHub:https://github.com/xujianfu/ElmApp.git GitHub:https ...

  10. SQL Server触发器创建、删除、修改、查看示例步骤

    一﹕ 触发器是一种特殊的存储过程﹐它不能被显式地调用﹐而是在往表中插入记录﹑更新记录或者删除记录时被自动地激活.所以触发器可以用来实现对表实施复杂的完整性约`束. 二﹕ SQL Server为每个触发 ...