在GitHub Pages中安装并使用jekyll

用Github Pages搭建一个网页是比较简单的,引入index.html之后就可以算是导入了一个网页了,网页的内容基于html的内容,也就是说页面是什么样的完全得看你html写得怎么样了。我们可以自己写页面,也可以去找现成的html和css模版来构建自己的模版,只是修改里面的内容就可以了。这种方式的优点是自己完全掌控,可以任意修改成自己想要它成为的样子。那么凡事都要自己动手,也显得很麻烦。<strong>如果你只想专注于内容创作,jekyll是个不错的选择。利用jekyll,我们可以使用MarkDown语言,一次创作,可以在多个平台发布,而且MarkDown语言比html简单很多,它是面向作者的。</strong>

安装jekyll

下面所有的演示和说明都是针对mac平台的,其他平台的我还没试过,具体怎么操作,应该也可以做一个参考,原理应该也是差不多的。

mac平台上已经装有Ruby了,就不需要再去装Ruby了,如果你想确定一样,可以用下面的命令在终端中查看Ruby版本号,如果没有版本号,那就去装一个。

$ ruby -v

如何安装ruby这里就不赘述了,安装好之后,要安装bundler,这个是用来你在之后配置完jekyll之后在本地就能预览网站用的。

$ sudo gem install -n /usr/local/bin bundler

提示安装成功之后,就可以开始安装jekyll了。

$ sudo gem install -n /usr/local/bin jekyll

同样使用下面的命令可以获取jekyll版本号

$ jekyll -v

初始化

如果你jekyll安装成功,接下来就可以用它来初始化你的<em>username.github.io</em>这个仓库了。username是你的github的用户名。
首先你先clone你的仓库到本地。

git clone https://github.com/chenhuaizhe/chenhuaizhe.github.io.git

https://github.com/chenhuaizhe/chenhuaizhe.github.io.git 是我的仓库地址,你需要将它换成你自己的,具体来说是将两个chenhuaizhe换成你的github用户名。如果你还不会用github搭建自己的网站仓库,请先看这里:快速用GitHub Pages搭建个人网站

clone到本地之后,找到本地仓库文件夹

$ jekyll new 本地仓库文件夹
$ cd  本地仓库文件夹
$ jekyll build

执行完之后,你会发现本地仓库中多了一些文件。
各文件夹的作用请看阮一峰老师的这篇文章 jekyll入门
你可以打开_config.yml文件修改配置内容。
修改和添加_posts文件夹下的.md文件,就是编辑你的博客内容,这是MarkDown格式的。
修改之后执行

$ jekyll serve

然后打开<pre>http://localhost:4000</pre>可以查看效果。
如果确定没问题,就可以用git提交发布到github上了,你的网站就实时更新了。

$ git add .</pre>
$ git commit -m "upload my site"
$ git push

参考

搭建一个免费的,无限流量的Blog----github Pages和Jekyll
Using Jekyll with Pages

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,658评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,482评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,213评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,395评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,487评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,523评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,525评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,300评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,753评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,048评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,223评论 1 343
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,905评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,541评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,168评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,417评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,094评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,088评论 2 352

推荐阅读更多精彩内容