孙广东  2016.3.12

环境安装:
1、通过 RailsInstaller  来安装 Ruby https://www.ruby-lang.org/zh_cn/documentation/installation/#rubyinstaller

2、下载 RubyGems (不要用IE 浏览器, 下载不了)https://rubygems.org/pages/download
安装是: ruby setup.rb    // 这种命令  路径肯定是在 setup.rb 所在目录在cmd
 更新是: gem update --system

3、在安装 gem install jekyll 会有报错!
error while executing gem (Gem::RomoteFetcher::FetchError)  。。。
解决 http://www.cnblogs.com/AloneSword/p/5048447.html  是代理的问题, 由于使用了什么FQ软件(禁止不使用即可了呗!。*** 不要使用全局模式即可)

创建项目:

gem install jekyll       // 安装
jekyll new myblog    // 在当前路径下新建一个 新的项目myblog   
cd myblog          // 进入这个目录
jekyll serve        // 启动本地server

然后 浏览器 訪问: http://localhost:4000 即可看到刚刚 创建的
假设你希望把 jekyll 安装到当前目录。你能够执行 jekyll new . 来取代。

4、  然后就是各种 配置了!

首先关心的是  与 Github  关联起来。 部署  集成

操作方式是这种。 我们 先把  "username.github.io"  这个刚刚创建的仓库项目 clone (使用github的专属client会更好一些)到本地 (我们主要使用当中的 .git 目录)

我们最早 创建的 jekyll 项目是: myblog

我们把这个文件价更名为:myblog    =》 "username.github.io"    ,同一时候把刚刚的 .git 目录 复制到 这里。

然后我们使用 github client 打开这个  "username.github.io"  仓库。  这样就能够执行

Commit 操作 和 pull push 操作了。

我们打开 网址试一试。

5、定制域名

http://wellsnake.com/jekyll/update/2014/05/15/Jekyll%E9%83%A8%E7%BD%B2%E7%AF%87/  有非常多能够了解一下。

http://wellsnake.com/jekyll/update/2014/05/24/Jekyll%E4%BD%BF%E7%94%A8%E7%AF%871/

首先 去万维网 买一个 域名 。

6、然后就是各种美化呀。 定制啊

模版:http://www.zhihu.com/question/20223939

http://jekyllthemes.org/page3/

http://jekyllthemes.org/themes/freshman21/

https://github.com/Huxpro/huxpro.github.io

须要 更改的文件: _config.yml 、about.html

要发表的文章一般以markdown的格式放在这里_posts/,你仅仅要看看这篇模板里的文章你就立马明确该怎样设置。

yaml 头文件长这样:

---
layout:     post
title:      "Hello2015"
subtitle:   "Hello World, HelloBlog"
date:       2015-01-2912:00:00
author:    "Hux"
header-img: "img/post-bg-2015.jpg"
tags:
    - Life
---



搭建个人博客 方式2 使用jekyll的更多相关文章

  1. 使用jekyll在GitHub Pages上搭建个人博客【转】

    网上有不少资源,但大多是“授人以鱼”,文中一步一步的告诉你怎么做,却没有解释为什么,以及他是如何知道的.他们默认着你知道种种专业名词的含义,默认着你掌握着特定技能.你折腾半天,查资料,看教程,一步步下 ...

  2. 使用github与jekyll搭建个人博客(一)

    虽然使用博客园还没有多久,但是最近看到一些大神的博客觉得很是炫酷.于是突发奇想,想要搭建自己的博客站点儿.编程菜鸟一枚,还是想要记录下最近的搭建博客经历. 使用github搭建个人博客的方式有很多,百 ...

  3. 使用GitHub Pages+Jekyll搭建个人博客

    GitHub Pages 免费无限容量的站点数据托管工具(国内访问速度较慢),内置Jekyll服务,能将特定名称的代码仓库动态编译为静态网页 Jekyll 基于Ruby的静态网页生成系统,采用模板将M ...

  4. 使用github+jekyll搭建个人博客

    聊聊起初 每次看到大牛们的博客,都会激起一颗一定要搭建自己博客的心,毕竟有着一颗向大牛们看齐的心.但是一直不知道如何下手,从最初的csdn写写博客到在github上建立仓库写代码分享,虽然也能够记录一 ...

  5. 使用jekyll和Github搭建个人博客

    一.使用jekyll和Github三步搭建个人博客 在 Github 上建一个库,库的名字是xxx.github.com,其中的xxx是你的github的账号名(图中标注的不要勾选) 注:如果没有Gi ...

  6. 利用GitHub Pages + jekyll快速搭建个人博客

    前言 想搭建自己博客很久了(虽然搭了也不见得能产出多频繁). 最初萌生想写自己博客的想法,想象中,是自己一行一行码出来的成品,对众多快速构建+模板式搭建不屑一顾,也是那段时间给闲的,从前后端选型.数据 ...

  7. 使用Jekyll + GitHub Pages免费搭建个人博客

    使用Jekyll + GitHub Pages免费搭建个人博客 My Blog:无名の辈 | VectorX (vectorxxxx.github.io) Download Ruby:Download ...

  8. 【一】Ubuntu14.04+Jekyll+Github Pages搭建静态博客

    本系列有五篇:分别是 [一]Ubuntu14.04+Jekyll+Github Pages搭建静态博客:主要是安装方面 [二]jekyll 的使用 :主要是jekyll的配置 [三]Markdown+ ...

  9. 使用 github + jekyll 搭建个人博客

    github + jekyll 本地写markdown,然后push到github,就成了博客 其实我一早就知道这两者可以搭建个人博客,因为本人有个很好的习惯——每天都会去看看一些热门文章,了解行业最 ...

随机推荐

  1. m_Orchestrate learning system---二十四、thinkphp里面的ajax如何使用

    m_Orchestrate learning system---二十四.thinkphp里面的ajax如何使用 一.总结 一句话总结:其实ajax非常简单:前台要做的事情就是发送ajax请求过来,后台 ...

  2. Leaflet学习笔记(一)

    一.简介 Leaflet是一个主要适用于移动端交互地图的领先的开源javascript库.虽然js库只有38KB左右,但是却能满足大部分开发者的所有功能需求. Leaflet拥有着简单,高效和实用的设 ...

  3. AngularJs轻松入门(四)模块化

    在前面几节教程中,代码比较少,为了方便说明问题笔者將控制器代码都写在了HTML页面中,实际上这并不是什么好的编程习惯,而且可维护性差.通常的做法都是將处理业务逻辑的代码写在一个单独的JS文件中,然后在 ...

  4. 深入理解JavaScript定时机制

    容易欺骗别人感情的JavaScript定时器 JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不 ...

  5. kotlin MutableList sort

    fun MutableList<Int>.swap(index1: Int, index2: Int) {val tmp = this[index1] // 'this' correspo ...

  6. c# 枚举enum

    1 定义枚举 enum Days { Sunday, Monday, Tuesday, Wednesday, Thursday, Friday, Saturday }; 默认情况下,枚举中的每个元素的 ...

  7. NodeJS学习笔记 进阶 (12)Nodejs进阶:crypto模块之理论篇

    个人总结:读完这篇文章需要30分钟,这篇文章讲解了使用Node处理加密算法的基础. 摘选自网络 Nodejs进阶:crypto模块之理论篇 一. 文章概述 互联网时代,网络上的数据量每天都在以惊人的速 ...

  8. ES6学习4 变量的解构赋值

    变量的解构赋值 一.数组结构赋值 1.数组结构赋值 let [a, b, c] = [1, 2, 3]; ES6 可以从数组中提取值,按照对应位置,对变量赋值. 1)  本质上,这种写法属于“模式匹配 ...

  9. Python3 利用POP3与smtplib进行计算机远程控制

    初习,代码有不足之处,欢迎指出. 跟大家分享的是,通过发送端发送cmd命令,从而对接收端进行cmd命令的控制. #接收端代码 from poplib import POP3 import time,o ...

  10. 最长回文字串 (The longest palindrome substring)

    这两天去学了一下,觉得下面那篇文章写的很好,有例子,比较容易懂,所以转一下. 以下内容来自:hihoCoder: 小Hi和小Ho是一对好朋友,出生在信息化社会的他们对编程产生了莫大的兴趣,他们约定好互 ...