【Jekyll搭建GITHUB个人博客】安装Ruby 环境、包管理器 RubyGems、Jekyll与错误解决

转载请注明出处http://blog.csdn.net/qq_26525215

本文源自大学之旅_谙忆的博客

今天在博客专家群看到CSDN韩俊强发表了一篇用Jekyll搭建个人博客的文章感觉很好。
搭建博客方便很多开始一直想着自己搭建博客然后一直没什么时间在做另外一个项目所以现在就考虑用Jekyll在GITHUB上搭建博客了。

介绍下Jekyll

Jekyll 是一个简单的博客形态的静态站点生产机器。它有一个模版目录其中包含原始文本格式的文档通过 Markdown 或者 Textile 以及 Liquid 转化成一个完整的可发布的静态网站你可以发布在任何你喜爱的服务器上。Jekyll 也可以运行在 GitHub Page 上也就是说你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站而且是完全免费的。

使用 Jekyll 搭建博客之前需要安装环境
Git 环境、Ruby 环境、包管理器 RubyGems、

本机已安装好了Git就不在演示了git的话搜索一下有很多教程的。祝你安装成功~

安装Ruby 环境、包管理器 RubyGems

首先去 http://rubyinstaller.org/downloads
下载需要的软件。
Ruby 2.3.3 (x64):

DevKit-mingw64-64-4.7.2-20130224-1432-sfx.exe:

安装ruby
运行下载好的rubyinstaller-2.3.3-x64.exe
选择安装路径
我选择的是D:/Ruby23
把钩打上

安装完毕后打开cmd
输入:

ruby -v

如果显示如下说明ruby安装成功

使用RubyInstaller的同时也安装了rubyGems
输入:

gem -v

如果显示如下说明rubyGems安装成功

安装devkit!
很重要哦

安装刚刚下载的文件DevKit-mingw64-64-4.7.2-20130224-1432-sfx.exe

进入你安装devkit的主目录按住shift点击鼠标右键选择在此处打开命令窗口。
如果你没有进入devkit目录打开命令窗口(CMD)就自己切换到devkit主目录下。
输入:

ruby dk.rb init

会提示你修改config.yml文件

然后你进入你安装的devkit的主目录下去修改config.yml文件。
如果你没有运行该命令可以自己建文件然后配置。
原文件为:

修改为:

- D:/Ruby23
- D:/Ruby23

注意不要写成反斜杠是/

这两个目录分别为你Ruby和devkit的安装目录。
如果和我安装的目录不在同一个下面不要和我的写成一样了哦。

保存后关闭文件。
再输入命令

ruby dk.rb install

安装成功:

这里可能会有一个错误

尚无法解决该错误请参考stackoverflow网址:
http://stackoverflow.com/questions/18803223/unable-to-find-rubygems-in-site-ruby-or-core-ruby
我的解决办法是重新装了一遍把路径改成这样的。

rubyrubygemsdevkit的安装完毕了
运行:

gem install mongo

获取最简单 Jekyll 模板并生成静态页面

需要的环境搭建好了之后就是获取最简单 Jekyll 模板并生成静态页面、

安装 jekyll

gem install jekyll

等待下载完成…

切换到你需要下载模板到那里的目录的上一级
我这里的目录是G:\Github\myBlog我想把模板下载到myBlog目录下。
切换的G:\Github下输入:

jekyll new myblog

在这里你可能会遇到一个错误,见错误二(没有的可忽略)该错误课看本篇后面的可能的错误以及解决办法。

如果没有错误出现就是下面这种情况


恭喜。

接下来切换到myblog目录下面、

输入:

jekyll serve

这个时候就可以访问:
http://localhost:4000/

祝大家安装成功。

可能的错误以及解决办法

错误一

Fetching: bson-4.2.1.gem (100%)
ERROR: Error installing mongo:
The ‘bson’ 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-mingw64-64-4.7.2-20130224-1432-sfx.exe就可以了。
见前面的安装devkit。

错误二

运行 jekyll new myblog 的时候出现该错误

  Dependency Error: Yikes! It looks like you don't have bundler or one of its de
pendencies installed. In order to use Jekyll as currently configured, you'll nee
d to install this gem. The full error message from Ruby is: 'cannot load such fi
le -- bundler' If you run into trouble, you can find helpful resources at https:
//jekyllrb.com/help/!
jekyll 3.4.3 | Error:  bundler

解决办法

请安装bundler

gem install bundler

然后安装bundle,bundle install

错误三

 Conflict: G:/Github/myBlog exists and is not empty.

解决办法

删除myBlog 下的所有文件即可解决

本文章由[谙忆]编写 所有权利保留。
欢迎转载分享是进步的源泉。

转载请注明出处http://blog.csdn.net/qq_26525215

本文源自大学之旅_谙忆的博客

时间: 2024-09-19 01:30:09

【Jekyll搭建GITHUB个人博客】安装Ruby 环境、包管理器 RubyGems、Jekyll与错误解决的相关文章

使用github与Octopress 搭建GitHub Pages博客

前提条件 注册一个github账号. 任何资料,都不如Octopress 和Github Pages的官方文档,建议首先阅读官方文档. GitHub Pages快速体验 在GitHub网站上,点击右上角的+号图标,创建一个新的Repo,Repository 的名字必须为 username.github.com.然后点击Settings进入该Repo的设置页面.看到"Automatic Page Generator",说明这个Repo已经启用了GitHub Page.点击按钮进入设置.

《精通Nginx》一1.1 使用包管理器安装Nginx

1.1 使用包管理器安装Nginx 使用包管理器安装Nginx的机会是你所使用的操作系统已经提供了Nginx的安装包.使用包管理器安装Nginx的方法很简单,只需要使用包管理器安装命令就可以了. Linux (基于deb) sudo apt-get install nginx Linux (基于rpm) sudo yum install nginx FreeBSD sudo pkg_install -r nginx 命令sudo表示的是通过操作系统中的超级用户('root')权限执行的命令.如果

《精通Nginx》——第1章 安装Nginx及第三方模块1.1 使用包管理器安装Nginx

第1章 安装Nginx及第三方模块 Nginx最初的设计是成为一个Http服务器,一个能够解决C10K问题的Http服务器.关于C10K这个问题,Daniel Kegel设计一个同时连接处理10000连接的web服务器.为了实现这个目标,Nginx通过基于事件的处理机制并且操作系统也要使用相应的事件机制,便可以解决C10K问题. 在我们开始探索如何配置Nginx之前,首先我们要安装它,这一章将详细讲述如何安装Nginx,以及如何获取正确的模块并且安装和配置它们.Nginx是模块化设计的,并且有非

使用Hexo在Github上搭建自己的博客

以前的博客是使用Jekyll托管在github上,后来用着越来越不方便,比如没有自动生成post,不能一键部署,文件结构和配置也是比较繁琐,更重要的是有时候用markdown写一篇文章,生成的静态文件很乱,应该是有些字符解析的问题.现在下决心换成了hexo. Nodejs安装 因为hexo是基于nodejs的应用,所以要先安装nodejs才可以.我这里以ubuntu为例,因为我自己一直在使用ubuntu.使用如下命令即可: sudo apt-get install nodejs sudo apt

hexo+github搭建个人免费博客

最近在淘宝逛到一个卖盗版书的店铺,真的是便宜的不要不要的,哈哈. 网上hexo+github的博客教程太多了,我今天就讲讲一下实现小细节和思路吧,都是github上面的issue 看看我搭建的hexo主题的博客,哈哈 开始旅程了 创建一个github站点 可以参考鸿洋大神的如何利用github打造博客专属域名,这篇博文看下来,你就会拥有像我 这样MRwangqi.github.io的链接,在仓库下面放个index.html,就能访问到页面了. 安装node环境 可以参考我的文章weex初体验,这

轻量应用服务器 常见应用安装与配置 : 使用WordPress搭建个人手机博客

使用WordPress搭建个人手机博客 下面介绍如何使用WordPress搭建个人手机博客. 1. 搭建WordPress程序 整个过程参考这里 2. 安装WPtouch插件 登录WordPress后台,点击插件-安装插件 在插件搜索栏中搜索WPtouch,点击搜索结果中的WPtouch的插件的"现在安装" 安装完毕后,点击启用 3. 测试访问 使用手机访问http:// IP地址,会出现移动和桌面的相关选项.

Flask入门教程实例:搭建一个静态博客_python

现在流行的静态博客/网站生成工具有很多,比如 Jekyll, Pelican, Middleman, Hyde 等等,StaticGen 列出了目前最流行的一些静态网站生成工具. 我们的内部工具由 Python/Flask/MongoDB 搭建,现在需要加上文档功能,写作格式是 Markdown,不想把文档放到数据库里,也不想再弄一套静态博客工具来管理文档,于是找到了 Flask-FlatPages 这个好用的 Flask 模块.熟悉 Flask 的同学花几分钟的时间就可以用搭建一个简单博客,加

阿里云ECS服务器搭建wordpress个人博客网站【详细图文教程】

阿里云ECS服务器搭建wordpress个人博客网站[小白专用的图文教程] 在阿里云上搭建使用个人博客主要分为以下几个步骤: 1.购买阿里云ECS主机 2.购买域名 3.申请备案 4.环境配置 5.安装wordpress 6.域名解析 声明一下,本人对服务器端的知识不是很熟悉,但一心想做个自己的个人网站装一下哔,特此记录一下完整的配置过程,也算是给其他小白们的一剂福利吧.   开发环境: 物理机版本:Win 7 旗舰版(64位) xshell版本:Xshell 5 Build 0806 xftp

Ghost博客安装

Ghost博客是一个基于Node.js 的开源博客平台,由前WordPress UI 部门主管John O'Nolan 和WordPress 高级工程师Hannah Wolfe 创立,目的是为了给用户提供一种更加纯粹的内容写作与发布平台. 目前来看,Ghost博客相对于Wordpress来说没有太明显的优势,现在的用户也都是码农们和喜欢尝鲜的朋友居多.当然Ghost博客体验良好的markdown编辑器.响应式前后台设计.采用的实时架构,让博客变得更有效率. Ghost博客从2013年10月开始发