搭建个人博客 方式2 使用jekyll
孙广东 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的更多相关文章
- 使用jekyll在GitHub Pages上搭建个人博客【转】
网上有不少资源,但大多是“授人以鱼”,文中一步一步的告诉你怎么做,却没有解释为什么,以及他是如何知道的.他们默认着你知道种种专业名词的含义,默认着你掌握着特定技能.你折腾半天,查资料,看教程,一步步下 ...
- 使用github与jekyll搭建个人博客(一)
虽然使用博客园还没有多久,但是最近看到一些大神的博客觉得很是炫酷.于是突发奇想,想要搭建自己的博客站点儿.编程菜鸟一枚,还是想要记录下最近的搭建博客经历. 使用github搭建个人博客的方式有很多,百 ...
- 使用GitHub Pages+Jekyll搭建个人博客
GitHub Pages 免费无限容量的站点数据托管工具(国内访问速度较慢),内置Jekyll服务,能将特定名称的代码仓库动态编译为静态网页 Jekyll 基于Ruby的静态网页生成系统,采用模板将M ...
- 使用github+jekyll搭建个人博客
聊聊起初 每次看到大牛们的博客,都会激起一颗一定要搭建自己博客的心,毕竟有着一颗向大牛们看齐的心.但是一直不知道如何下手,从最初的csdn写写博客到在github上建立仓库写代码分享,虽然也能够记录一 ...
- 使用jekyll和Github搭建个人博客
一.使用jekyll和Github三步搭建个人博客 在 Github 上建一个库,库的名字是xxx.github.com,其中的xxx是你的github的账号名(图中标注的不要勾选) 注:如果没有Gi ...
- 利用GitHub Pages + jekyll快速搭建个人博客
前言 想搭建自己博客很久了(虽然搭了也不见得能产出多频繁). 最初萌生想写自己博客的想法,想象中,是自己一行一行码出来的成品,对众多快速构建+模板式搭建不屑一顾,也是那段时间给闲的,从前后端选型.数据 ...
- 使用Jekyll + GitHub Pages免费搭建个人博客
使用Jekyll + GitHub Pages免费搭建个人博客 My Blog:无名の辈 | VectorX (vectorxxxx.github.io) Download Ruby:Download ...
- 【一】Ubuntu14.04+Jekyll+Github Pages搭建静态博客
本系列有五篇:分别是 [一]Ubuntu14.04+Jekyll+Github Pages搭建静态博客:主要是安装方面 [二]jekyll 的使用 :主要是jekyll的配置 [三]Markdown+ ...
- 使用 github + jekyll 搭建个人博客
github + jekyll 本地写markdown,然后push到github,就成了博客 其实我一早就知道这两者可以搭建个人博客,因为本人有个很好的习惯——每天都会去看看一些热门文章,了解行业最 ...
随机推荐
- js 实现 水仙花数
水仙花数是指一个 n 位数 ( n≥3 ),它的每个位上的数字的 n 次幂之和等于它本身.(例如:1^3 + 5^3+ 3^3 = 153) <!DOCTYPE html><html ...
- 安卓开发--HttpDemo01
package com.cnn.httpdemo01; import android.app.Activity; import android.content.Intent; import andro ...
- Ajax的几种形式 和使用情况
Ajax的几种形式: 1 $.get( "Login.ashx", {Name:name,Pwd:pwd,action:x}, function(data){这里用da ...
- codeforces 495D Sonya and Matrix
Since Sonya has just learned the basics of matrices, she decided to play with them a little bit. Son ...
- php动态导出数据成Excel表格
一.封装 Excel 导出类 include/components/ExecExcel.php <?php /*** * @Excel 导入导出类. */ class ExecExcel { / ...
- 对比学习:《深度学习之Pytorch》《PyTorch深度学习实战》+代码
PyTorch是一个基于Python的深度学习平台,该平台简单易用上手快,从计算机视觉.自然语言处理再到强化学习,PyTorch的功能强大,支持PyTorch的工具包有用于自然语言处理的Allen N ...
- 转载 :Linux有问必答:如何在Debian或Ubuntu上安装完整的内核源码
http://linux.cn/article-5015-1.html 问题:我需要为我的Debian或Ubuntu下载并安装完整树结构的内核源码以供编译一个定制的内核.那么在Debian或Ubunt ...
- vscode 问题
*)不能切换为中文输入法 没有搜索到解决办法,重启应用解决
- 数据库中Select For update语句的解析
----------- Oracle -----------------– Oracle 的for update行锁 键字: oracle 的for update行锁 SELECT-FOR UPDAT ...
- iOS 画圆形头像
demo下载地址:http://pan.baidu.com/s/1mgBf6YG _logoImageView.image = [self getEllipseImageWithImage:[UIIm ...