`
sunxboy
  • 浏览: 2868977 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

jekyll 中使用模板

 
阅读更多

模板

Jekyll 使用 Liquid 模板语言,支持所有标准的 Liquid 标签过滤器。Jekyll 甚至增加了几个过滤器和标签,方便使用。

过滤器

描述过滤器 和 输出

日期转化为 XML 模式

将日期转化为 XML 模式 (ISO 8601) 的格式。

{{ site.time | date_to_xmlschema }}

2008-11-17T13:07:54-08:00

日期转化为 RFC-822 格式

将日期转化为 RFC-822 格式,用于 RSS 订阅。

{{ site.time | date_to_rfc822 }}

Mon, 17 Nov 2008 13:07:54 -0800

日期转化为短格式

将日期转化为短格式。

{{ site.time | date_to_string }}

17 Nov 2008

日期转化为长格式

将日期转化为长格式。

{{ site.time | date_to_long_string }}

17 November 2008

XML 转码

对一些字符串转码,已方便显示在 XML 。

{{ page.content | xml_escape }}

CGI 转码

CGI 转码,用于 URL 中,将所有的特殊字符转化为 %XX 的形式。

{{ “foo,bar;baz?” | cgi_escape }}

foo%2Cbar%3Bbaz%3F

URI 转码

URI 转码。

{{ “'foo, bar \\baz?'” | uri_escape }}

foo,%20bar%20%5Cbaz?

统计字数

统计文章中的字数。

{{ page.content | number_of_words }}

1337

数组转换为句子

将数组转换为句子,列举标签时尤其有用。

{{ page.tags | array_to_sentence_string }}

foo, bar, and baz

Textile 支持

将 Textile 格式的字符串转换为 HTML ,使用 RedCloth

{{ page.excerpt | textilize }}

Markdown 支持

将 Markdown 格式的字符串转换为 HTML 。

{{ page.excerpt | markdownify }}

标签

引用

如果你需要在多个地方引用一小代码片段,可以使用 include 标签。

{% include footer.html %}

Jekyll 要求所有被引用的文件放在根目录的 _includes 文件夹,上述代码将把 <source>/_includes/footer.html 的内容包含进来。

你还可以传递参数:

{% include footer.html param="value" %}

这些变量可以通过 Lquid 调用:

{{ include.param }}

Code snippet highlighting

Jekyll 已经支持超过 100 种语言代码高亮显示,在此感谢 Pygments。要使用 Pygments,你必须安装 Python 并且在配置文件中设置 pygments 为true

使用代码高亮的例子如下:

{% highlight ruby %}
def foo
  puts 'foo'
end
{% endhighlight %}

highlight 的参数 (本例中的 ruby) 是识别所用语言,要使用合适的识别器可以参照 Lexers 页 的 “short name” 。

行号

highlight 的第二个可选参数是 linenos ,使用了 linenos 会强制在代码上加入行号。例如:

{% highlight ruby linenos %}
def foo
  puts 'foo'
end
{% endhighlight %}

代码高亮的样式

要使用代码高亮,你还需要包含一个样式。例如你可以在 syntax.css 找到,这里有跟 GitHub 一样的样式,并且免费。如果你使用了 linenos,可能还需要在 syntax.css 加入 .lineno 样式。

Post URL

如果你想使用你某篇文章的链接,标签 post_url 可以满足你的需求。

{% post_url 2010-07-21-name-of-post %}

当使用post_url标签时,不需要写文件后缀名。

还可以用 Markdown 这样为你的文章生成超链接:

[Name of Link]({% post_url 2010-07-21-name-of-post %})

Gist

使用 gist 标签可以轻松的把 GitHub Gist 签入到网站中:

{% gist 5555251 %}

你还可以配置 gist 的文件名,用以显示:

{% gist 5555251 result.md %}

gist 同样支持私有的 gists ,这需要 gist 所属的 github 用户名:

{% gist parkr/931c1c8d465a04042403 %}

私有的 gist 同样支持文件名。

分享到:
评论

相关推荐

    一个现代静态简历模板和主题由Jekyll和GitHub页面提供支持

    在这个简历模板中,JavaScript可能被用来处理用户交互,如导航菜单的展开与折叠,或者动态显示和隐藏某些部分。 2. **jQuery库**:虽然未直接提及,但许多现代网页项目会使用jQuery简化JavaScript代码,因为jQuery...

    jekyll-plate:个人使用的基本Jekyll模板

    在Jekyll模板中,HTML文件通常包含页面的布局、导航、头部、主体和底部等部分。通过使用HTML标签,我们可以定义标题、段落、列表、链接、图片等元素,构建出网页的基本结构。 **Jekyll模板结构** 1. **_config.yml...

    Atom-jekyll-atom,在atom中使用jekyll的工具和片段的集合.zip

    在Atom中使用jekyll-atom-master,你将获得以下优势: 1. **自动预览**:通过安装Jekyll插件,你可以实现在编写Markdown或HTML时实时预览效果,确保布局和样式无误。 2. **代码高亮**:Atom支持多种语言的代码高亮...

    jekyll-kickoff:Jekyll项目的模板

    打开然后键入: $ gem install jekyll对于此模板,我们还使用Sass (一个CSS预处理器), Bourbon (一个Sass mixins库)和Neat (一个轻量级的网格框架)库。 我们可以使用以下三个gem安装所有这些组件: $ gem ...

    Jekyll 博客管理工具

    - **创建新项目**:使用`jekyll new`命令初始化一个新的Jekyll博客项目。 - **编写内容**:在 `_posts` 目录下创建Markdown格式的文章,标题前缀遵循日期格式(如2022-01-01-我的第一篇文章.md)。 - **配置站点**...

    jekyll gem

    在Jekyll中,Nokogiri用于处理网页源码,特别是在处理Markdown或HTML模板时,提供了解析和操作文档的强大功能。 2. **gemoji-2.1.0.gem**: Gemoji 提供了GitHub风格的emoji表情支持,使得在Jekyll站点中可以方便地...

    jekyllminimaltheme的中文简体化一款极简风格的jekyll主题

    Jekyll 本身是一个静态站点生成器,它允许用户使用 Markdown 或 Textile 格式编写内容,通过 Liquid 模板语言进行布局设计,并在构建过程中将这些内容转换成静态 HTML 页面。 这个主题的中文简体化版本,主要面向...

    aviator-jekyll-template:Jekyll的API文档模板

    飞行员Jekyll的API文档模板。 浏览。 开始使用此可配置主题记录您的API。 飞行员是由Jekyll的Cloud CMS 制造的。 在找到更多模板,主题和分步的Jekyll教程。产品特点三列布局全面响应全文搜索预先样式化的组件根据...

    jekyll-template:jekyll主题模板

    之前一直在逛知乎,在这位同学的基础上改造,所以在这里一并感谢这位同学,最后发现志同道合的同学不在少数,所以干脆建个repo吧,在这里大家可以分享自己使用的主题模板,不需要四处去搜索,同时也是对大家博客的...

    author-jekyll-template:用于编写书的Jekyll模板

    作者Jekyll的书籍出版模板。 浏览。 作者由的Cloud CMS 。 在查找更多模板和主题。 通过分步教程和视频学习Jekyll。产品特点逐章查看全书检视PDF检视建立在_config.yml添加您的网站和书籍详细信息。 将封面详细信息...

    jekyll简洁博客主题

    这个主题可能被部署在这个GitHub Pages项目中,用户可以通过克隆或下载这个`abaojin.github.io-master`来使用并自定义这个Jekyll博客主题。 **总结** “jekyll简洁博客主题”是一个以简洁设计为主的Jekyll博客模板...

    Ruby-AwesomeJekyll一组很棒的Jekyll工具插件主题指南

    1. **模板系统**: Jekyll 使用 Liquid 模板语言来创建动态页面布局和内容。开发者可以通过定义变量、循环和条件语句来构建自定义模板。 2. **Markdown支持**: Jekyll 默认支持Markdown,这是一种轻量级的标记语言,...

    光圈jekyll模板:摄影作品集jekyll模板

    Jekyll的光圈模板。 浏览。 Aperture是由Jekyll的Cloud CMS 制作的。 在查找更多模板和主题。 通过分步教程和视频学习Jekyll。 产品特点 照片网格 缩图 字幕 关于页面 联系页面 建立 在_config.yml添加您的网站和...

    研究人员:基于jekyll的简历模板

    "monospace"标签可能指的是在简历中使用等宽字体,这种字体在展示代码或有序列表时特别有用,可以保持整齐的视觉效果。在CSS中,可以设置`font-family`属性为`monospace`来实现这一效果。 ### 4. Jekyll-Theme ...

    用jekyll制作高大上的网站(二)——实际应用

    `_includes`目录中的文件可以被插入到其他模板中。比如,你可以创建一个`_includes/head.html`文件来存放页头代码,然后在布局文件中使用`{% include head.html %}`将其引入。 对于网站的样式和脚本,你可以在`...

    jekyll-demo

    在本教程的"jekyll-demo"中,"example-app"可能是一个示例应用的文件夹,包含了用于演示Jekyll功能的各种文件,如配置文件、模板、文章等内容。通过对这个应用的探索和实践,你可以更好地理解Jekyll的工作方式和应用...

    Jekyll.Documentation

    用户可以克隆这个项目,然后根据自己的需求进行定制,以便在自己的Jekyll站点中使用这个文档主题。 总结,Jekyll是一个强大的静态站点生成器,尤其适合个人博客和文档站点。它的文档主题如“Jekyll Documentation”...

    jekyll-starter-tailwind:使用Tailwind CSS样式的Jekyll入门

    Jekyll起动者尾风 用于将与使用的入门套件,包括: 准系统Jekyll入门主题 一个执行以下操作的Gulpfile: 编译尾风 ...Jekyll接收您的内容,呈现Markdown和Liquid模板,以及吐出一个完整的静态网

    jekyll-gdrive, 从你的Jekyll模板访问 Google Drive电子表格.zip

    jekyll-gdrive, 从你的Jekyll模板访问 Google Drive电子表格 Gdrive插件在你的Jekyll站点中访问来自Google驱动器电子表格的数据安装将这些行添加到你的Gemfile:group :jekyll_plugins do gem 'jekyll-gdrive'end

    algolia-materialize-jekyll:使用Algolia,Materailize和Jekyll创建简单的Web应用程序的模板

    阿尔及利亚Instantsearch实现Jekyll 一个Jekyll模板,用于快速启动和运行和 。 利用Algolia的Instantsearch库( ),这使创建好搜索UX变得很简单。数据为了方便起见,提供了示例数据集。 请将数据集上传到您自己的...

Global site tag (gtag.js) - Google Analytics