Ubuntu15.04+Jekyll+Github Pages搭建静态博客

cbb1982211 9年前

来自： http://my.oschina.net/u/1408868/blog/610857


Ubuntu15.04+Jekyll+Github Pages搭建静态博客

1. Jekyll简介

  • 简单: 无需数据库、无需评论功能，不需要不断更新版本，只需要关心博客内容。

  • 静态: 只用 Markdown (或 Textile)、Liquid、HTML & CSS 就可以构建可部署的静态网站。

  • 博客形态: 自定义地址、分类、页面、博客内容 以及 自定义的布局设计 都是系统中的一等公民.

  • Jekyll详细介绍

2. Github Pages简介

  • Github Pages是Github提供给每个用户的，用来介绍和展示自己的项目。我们可以使用Jekyll生成静态网站，然后部署到Github pages上，利用Github的服务器，运行自己的网站。

  • Github Pages详细情况

3. 安装环境

3.1 安装ruby环境

  • 之所以要安装ruby，是因为jekyll是用ruby开发的。ubuntu14.04 LTS上默认是没有安装ruby环境的，需要自己安装。安装命令如下：

sudo apt-get install ruby1.9.1-dev

  • 安装完成后，在终端中输入ruby -v，出现如下结果，则说明安装成功：

ruby 1.9.3p484 (2013-11-22 revision 43786) [x86_64-linux]

3.2 安装nodejs环境

  • 之所以要安装nodejs是因为ruby的gem管理需要用到nodejs环境，在完成ruby环境后，在终端中输入gem -v，会出现以下结果：

?

1
var /lib/gems/1 .9.1 /gems/execjs-2 .5.2 /lib/execjs/runtimes .rb:48: in `autodetect': Could not find a JavaScript runtime. See https: //github .com /rails/execjs for a list of available runtimes. (ExecJS::RuntimeUnavailable)


  • 错误信息提示：找不到一个JavaScript环境，只要在终端中输入如下命令即可：

sudo apt-get install nodejs

  • nodejs安装完成后，重新在终端中输入gem -v，出现如下结果，表明安装成功：

1.8.23

3.3 安装Jekyll环境

  • 在终端中输入如下命令安装Jekyll，这个过程比较慢，和源有关：

gem install jekyll

  • 安装完成后，在终端中输入如下命令，验证jekyll安装是否成功：

jekyll new myblog

  • 如果成功创建目录，则说明jekyll安装成功，可以进行之后的工作了。
    -Jekyll安装详情

3.4 安装git

  • 既然要将网站部署在Github Page上，那自然少不了使用git，可以使用如下命令安装git：

sudo apt-get install git

  • 在终端中输入git –version，出现如下结果，则说明git安装成功：

git version 1.9.1

3.5 在github上创建一个新的仓库

  • 在github上创建一个新的仓库，创库名称为：username.github.io,这个仓库用来保存博客的内容。

  • 详细情况

4. 参考