孙广东  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. js 实现 水仙花数

    水仙花数是指一个 n 位数 ( n≥3 ),它的每个位上的数字的 n 次幂之和等于它本身.(例如:1^3 + 5^3+ 3^3 = 153) <!DOCTYPE html><html ...

  2. 安卓开发--HttpDemo01

    package com.cnn.httpdemo01; import android.app.Activity; import android.content.Intent; import andro ...

  3. Ajax的几种形式 和使用情况

    Ajax的几种形式: 1       $.get( "Login.ashx", {Name:name,Pwd:pwd,action:x}, function(data){这里用da ...

  4. codeforces 495D Sonya and Matrix

    Since Sonya has just learned the basics of matrices, she decided to play with them a little bit. Son ...

  5. php动态导出数据成Excel表格

    一.封装 Excel 导出类 include/components/ExecExcel.php <?php /*** * @Excel 导入导出类. */ class ExecExcel { / ...

  6. 对比学习:《深度学习之Pytorch》《PyTorch深度学习实战》+代码

    PyTorch是一个基于Python的深度学习平台,该平台简单易用上手快,从计算机视觉.自然语言处理再到强化学习,PyTorch的功能强大,支持PyTorch的工具包有用于自然语言处理的Allen N ...

  7. 转载 :Linux有问必答:如何在Debian或Ubuntu上安装完整的内核源码

    http://linux.cn/article-5015-1.html 问题:我需要为我的Debian或Ubuntu下载并安装完整树结构的内核源码以供编译一个定制的内核.那么在Debian或Ubunt ...

  8. vscode 问题

    *)不能切换为中文输入法 没有搜索到解决办法,重启应用解决

  9. 数据库中Select For update语句的解析

    ----------- Oracle -----------------– Oracle 的for update行锁 键字: oracle 的for update行锁 SELECT-FOR UPDAT ...

  10. iOS 画圆形头像

    demo下载地址:http://pan.baidu.com/s/1mgBf6YG _logoImageView.image = [self getEllipseImageWithImage:[UIIm ...