搭建个人博客 方式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,就成了博客 其实我一早就知道这两者可以搭建个人博客,因为本人有个很好的习惯——每天都会去看看一些热门文章,了解行业最 ...
随机推荐
- django 笔记5 外键 ForeignKey
class UsserGroup(models.Model): uid = models.AutoField(primary_key=True) caption = models.CharField( ...
- DC、CDC及CDC的各个子类
设备描述表是一个包含设备信息的结构体(物理设备如显示器.打印机),MFC中关于图像操作都需要DC来完成.HDC是Windows的一种数据类型,是设备描述句柄:CDC是MFC封装的Windows 设 ...
- SpringMVC后台使用对象接受参数字符串转日期
在springMVC配置文件中加入: <bean id="dateConvert" class="com.iomp.util.DateConvert"/& ...
- bzoj1025 [SCOI2009]游戏 动态规划
题目描述 对于一些长度为n的排列,将其作为一个置换,那么可能有一个自置换的次数使其回到1,2,3,...,n的情况.求对于所有能够回到1,2,3..,n的排列,不同的次数共有多少种. 题解来自黄学长 ...
- [笔记-图论]Bellman-Ford
用于求可带负权的单源有向图 优化后复杂度O(nm) 如果图中存在负环,就不存在最小路 这种情况下,就一定会有一个顶点被松弛多于n-1次,Bellman-Ford可直接判断出来 我在网上看到SPFA,发 ...
- CF 986C AND Graph(建模+DFS)
#include<stdio.h> ],v[]; ],n,al; void dfs(int x){ if(v[x])return; v[x]=; if(ex[x])dfs(al^x); ; ...
- django-debug-toolbar 使用
https://pypi.org/project/django-debug-toolbar/ https://django-debug-toolbar.readthedocs.io/en/latest ...
- Android SDK Manager代理设置
1.SDK Manager中打开 Tools—>Manage Add-on Sites…—>User Defined Sites 2.New …输入: http://android-mir ...
- sql server 2000 自动收缩数据库大小
转载.......http://mars968.blog.163.com/blog/static/7400033200941642356258/ SQLServer2000压缩日志及数据库文件 ...
- 网络project1101班2014-2015学年《网络软件开发实训》期末考试
注意事项: *考试时间:2014年11月20日 第5.6节. *在计算机D盘,新建目录.并命名"学号+姓名".如:(称为考生目录.下同).考试中全部文件必须保存在此目录下. *启动 ...