我的jekyll笔记

标签: jekyll 笔记 | 发表时间:2016-02-21 00:00 | 作者:
出处:http://yanhaijing.com

我的博客用的就是用 jekyll搭建的,有几年历史了,同时《 JavaScript简易教程》也是基于jekyll搭建的,可以说我使用jekyll很长时间了,也算是比较熟悉了,最近我打算基于jekyll搭建一个新的东西,但却发现自己平时只是使用而且,竟然记不清搭建的流程,这篇博客就是由此产生。

本文介绍jekyll的安装,使用的方法,记录下来供自己和大家使用。

简介

Jekyll是一个静态站点生成器,它会根据网页源码生成静态文件。它提供了模板、变量、插件等功能,所以实际上可以用来编写整个网站。

安装

jekyll是基于ruby开发的,所以依赖ruby环境,并且需要通过gem进行安装,具体过程我在下面两篇文章中有详细介绍,这里不在展开写了。

ruby环境安装好后,可以通过下面的命令安装jekyll

   gem install jekyll # 或下面的命令

也可以指定安装版本

   gem install jekyll --version=2.5.3

安装过程可能很慢,墙的问题在上面的文章中有解决办法,安装好后在命令行输入下面的命令可以查看是否安装成功

   jekyll --version

一般你会看到类似下面的输出,则代表你安装成功了,否则可能需要重装

   jekyll x.x.x # x.x.x 代表你安装的版本

流程

第一步创建项目

   jekyll new myjekyll

切换到myjekyll目录,运行下面的命令即可

   jekyll server

然后打开浏览器的 127.0.0.1:4000,即可查看网站效果。

常用命令

记录一下常用的命令。

   jekyll help # 查看帮助
jekyll help subcommand # 查看子命令的帮助信息

jekyll new site-name # 创建一个新的

jekyll build # 构建

jekyll server # 开启本地服务器查看效果
jekyll server -P 4001 # 指定端口
jekyll server -w # 文件发生变化时,自动重新编译

技术储备

如果你不了解 markdownliquid,你可能需要先了解下,我这里简单介绍一下。

markdown是写文章的神器,可以用简单的文本格式代替html标记。

比如我们想写一个列表,只需像下面这样即可

   - 列表项
- 列表项

最终会编译成下面的html

   <li>列表项</li>	
<li>列表项</li>

如果你想写博客那么可能需要掌握这个,可以专注写文章,而不是写那么冗余的html标记,markdown几乎支持常用的html标签,具体的语法可以查看相关链接里给出的网址。

liquid是一个模版语言,是jekyll支持的一种,有点类似smarty,只不过是静态的模版语言,只能在编译的过程中进行替换。

   <h2>我的jekyll笔记</h2>

上面的代码最终会编译成下面的代码,假设 page.title = 标题

   <h2>标题</h2>

liquid除了支持变量替换外还支持逻辑语法,具体可以查看相关链接中的链接。

相关链接

相关 [jekyll 笔记] 推荐:

我的jekyll笔记

- - 颜海镜
我的博客用的就是用 jekyll搭建的,有几年历史了,同时《 JavaScript简易教程》也是基于jekyll搭建的,可以说我使用jekyll很长时间了,也算是比较熟悉了,最近我打算基于jekyll搭建一个新的东西,但却发现自己平时只是使用而且,竟然记不清搭建的流程,这篇博客就是由此产生. 本文介绍jekyll的安装,使用的方法,记录下来供自己和大家使用.

jekyll 免费的Blog生成工具

- - Web前端 - ITeye博客
jekyll是一个简单的免费的Blog生成工具,类似WordPress. 但是和WordPress又有很大的不同,原因是jekyll只是一个生成静态网页的工具,不需要数据库支持. 但是可以配合第三方服务,例如disqus. 最关键的是jekyll可以免费部署在Github上,而且可以绑定自己的域名.

笔记

- 毛毛 - 游戏人生
我关于写代码的一些琐碎的看法. 之前没有把 Paul Graham 的 <黑客与画家> 一书读完, 上周就从同事那里把书带回家, 也一直没读, 到这周才有时间读完. 很久没有更新了 (一看时间, 整整 5 个月), 顺便把这篇写了几个月的感想放出来.. 这本书前面 8 章讲述的内容, 大多是我并不太感兴趣的, 比如财富, 比如创业.

Textmate笔记

- Sean Lee - Reborn
过去在Windows上还真的没有怎么太在意文本编辑器(也跟自己不是职业程序员有点关系吧. ),近来常在Mac上使用Textmate,真觉得一款好的文本编辑器实在非常必要. Textmate售价$58,很多人觉得贵,不过它真的不错. 为Finder加上“Open in textmate”按钮. 作者Henrik的主页上有详细的介绍.

OSX 笔记

- - C++博客-首页原创精华区
在vbox中安装10.7的方法:. 首先使用OS_X_Lion.iso.torrent下载操作系统的iso文件. 直接使用OS_X_Lion.iso安装,安装完之后使用HJMac.iso进行启动. 在win7 64bit上通过,但是在linux上没有通过. 升级,可以把10.7升级为10.7.4,方法是去苹果官方 http://support.apple.com/downloads 网站下载:.

云笔记:跨平台笔记服务

- one dollar - 天涯海阁-Web2.0Share
云笔记是一款跨平台的笔记服务,目前提供了Android、iPhone、iPad客户端(FIT写字板、FIT Paper). 最早知道云笔记也是因为一直使用FIT写字板,发现FIT写字板更新之后支持了云同步,才发现了云笔记. 云笔记是新点科技旗下的产品,相信Mac用户都会知道FIT输入法,Mac和iOS上面很棒的输入法应用.

小岛笔记 Day1

- Qian - 吃素菜,彼此相爱。
去巴厘岛之前,我们对旅行进行了明确分工,我负责研究攻略. 我特意买了09年版的孤独星球,像小学生一样注了注,贴了几溜彩色便签. 临行前,我被各种词条式的信息膨胀着,能在10秒内,标出7座海神庙9座指示方位神庙的地图方位. 状态好时,能说出哪家餐馆在哪页地图的横几格竖几格. 包哥最怕坐飞机,又贵看着又不安全的事儿,有悖他的人生信条.

笔记本爱经

- Yuheng Kuang - 煎蛋
oioi:sein已经回家过年 :|. 名为KamaSutra(爱经)Lap,看看你与笔记本最亲近的姿势会是怎样 :) link. 老实说大部分时间,这玩意并没有让我感觉舒服. © oioi for 煎蛋 / 20回复 / 投稿 / 图片托管于又拍网. geek:极客2011日历(图集). 数码看新鲜:Dell 旋转屏幕笔记本.

shell 学习笔记

- tiger - 游戏人生
将脚本目录加到 PATH 中. 在 dash 中如何进行字符串替换. 将 rst 格式文档转换为 blog 可用的 html 代码. shell 脚本虽然不是非常复杂的程序, 但对于首次接触的我来讲, 多少还是有些忌惮. 不过, 接触任何新事物都需要勇敢面对, 逐步树立信心. 我是冲着把脚本写好去的, 所以, 我的目标是能够写出友好, 健壮, 优美的脚本..

用PPT做笔记

- winners - 蔡學鏞【言程序】部落格
我具有十多年的讲师经历,这让我浅意识里「随时准备开发新课程教材」. 开发教材的方式有两种:「由上而下」或者「由下而上」. 这次我在QCon的演讲有两场,刚好分别是用这两种不同的方式做出来的. 对于我熟悉的主题,我采用由上而下的方式制作教材PPT;例如,我已经相当熟悉REBOL,所以我可以先决定要讲哪些内容,然后安排这些内容的次序,再加上一些润饰,就OK了.