模板
Jekyll 使用 Liquid 模板语言,支持所有标准的 Liquid 标签和过滤器。Jekyll 甚至增加了几个过滤器和标签,方便使用。
过滤器
日期转化为 XML 模式 将日期转化为 XML 模式 (ISO 8601) 的格式。 |
|
日期转化为 RFC-822 格式 将日期转化为 RFC-822 格式,用于 RSS 订阅。 |
|
日期转化为短格式 将日期转化为短格式。 |
|
日期转化为长格式 将日期转化为长格式。 |
|
XML 转码 对一些字符串转码,已方便显示在 XML 。 |
|
CGI 转码 CGI 转码,用于 URL 中,将所有的特殊字符转化为 %XX 的形式。 |
|
URI 转码 URI 转码。 |
|
统计字数 统计文章中的字数。 |
|
数组转换为句子 将数组转换为句子,列举标签时尤其有用。 |
|
Textile 支持 将 Textile 格式的字符串转换为 HTML ,使用 RedCloth |
|
Markdown 支持 将 Markdown 格式的字符串转换为 HTML 。 |
|
标签
引用
如果你需要在多个地方引用一小代码片段,可以使用 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 同样支持文件名。
相关推荐
在这个简历模板中,JavaScript可能被用来处理用户交互,如导航菜单的展开与折叠,或者动态显示和隐藏某些部分。 2. **jQuery库**:虽然未直接提及,但许多现代网页项目会使用jQuery简化JavaScript代码,因为jQuery...
在Jekyll模板中,HTML文件通常包含页面的布局、导航、头部、主体和底部等部分。通过使用HTML标签,我们可以定义标题、段落、列表、链接、图片等元素,构建出网页的基本结构。 **Jekyll模板结构** 1. **_config.yml...
在Atom中使用jekyll-atom-master,你将获得以下优势: 1. **自动预览**:通过安装Jekyll插件,你可以实现在编写Markdown或HTML时实时预览效果,确保布局和样式无误。 2. **代码高亮**:Atom支持多种语言的代码高亮...
打开然后键入: $ gem install jekyll对于此模板,我们还使用Sass (一个CSS预处理器), Bourbon (一个Sass mixins库)和Neat (一个轻量级的网格框架)库。 我们可以使用以下三个gem安装所有这些组件: $ gem ...
- **创建新项目**:使用`jekyll new`命令初始化一个新的Jekyll博客项目。 - **编写内容**:在 `_posts` 目录下创建Markdown格式的文章,标题前缀遵循日期格式(如2022-01-01-我的第一篇文章.md)。 - **配置站点**...
在Jekyll中,Nokogiri用于处理网页源码,特别是在处理Markdown或HTML模板时,提供了解析和操作文档的强大功能。 2. **gemoji-2.1.0.gem**: Gemoji 提供了GitHub风格的emoji表情支持,使得在Jekyll站点中可以方便地...
Jekyll 本身是一个静态站点生成器,它允许用户使用 Markdown 或 Textile 格式编写内容,通过 Liquid 模板语言进行布局设计,并在构建过程中将这些内容转换成静态 HTML 页面。 这个主题的中文简体化版本,主要面向...
飞行员Jekyll的API文档模板。 浏览。 开始使用此可配置主题记录您的API。 飞行员是由Jekyll的Cloud CMS 制造的。 在找到更多模板,主题和分步的Jekyll教程。产品特点三列布局全面响应全文搜索预先样式化的组件根据...
之前一直在逛知乎,在这位同学的基础上改造,所以在这里一并感谢这位同学,最后发现志同道合的同学不在少数,所以干脆建个repo吧,在这里大家可以分享自己使用的主题模板,不需要四处去搜索,同时也是对大家博客的...
作者Jekyll的书籍出版模板。 浏览。 作者由的Cloud CMS 。 在查找更多模板和主题。 通过分步教程和视频学习Jekyll。产品特点逐章查看全书检视PDF检视建立在_config.yml添加您的网站和书籍详细信息。 将封面详细信息...
这个主题可能被部署在这个GitHub Pages项目中,用户可以通过克隆或下载这个`abaojin.github.io-master`来使用并自定义这个Jekyll博客主题。 **总结** “jekyll简洁博客主题”是一个以简洁设计为主的Jekyll博客模板...
1. **模板系统**: Jekyll 使用 Liquid 模板语言来创建动态页面布局和内容。开发者可以通过定义变量、循环和条件语句来构建自定义模板。 2. **Markdown支持**: Jekyll 默认支持Markdown,这是一种轻量级的标记语言,...
Jekyll的光圈模板。 浏览。 Aperture是由Jekyll的Cloud CMS 制作的。 在查找更多模板和主题。 通过分步教程和视频学习Jekyll。 产品特点 照片网格 缩图 字幕 关于页面 联系页面 建立 在_config.yml添加您的网站和...
"monospace"标签可能指的是在简历中使用等宽字体,这种字体在展示代码或有序列表时特别有用,可以保持整齐的视觉效果。在CSS中,可以设置`font-family`属性为`monospace`来实现这一效果。 ### 4. Jekyll-Theme ...
`_includes`目录中的文件可以被插入到其他模板中。比如,你可以创建一个`_includes/head.html`文件来存放页头代码,然后在布局文件中使用`{% include head.html %}`将其引入。 对于网站的样式和脚本,你可以在`...
在本教程的"jekyll-demo"中,"example-app"可能是一个示例应用的文件夹,包含了用于演示Jekyll功能的各种文件,如配置文件、模板、文章等内容。通过对这个应用的探索和实践,你可以更好地理解Jekyll的工作方式和应用...
用户可以克隆这个项目,然后根据自己的需求进行定制,以便在自己的Jekyll站点中使用这个文档主题。 总结,Jekyll是一个强大的静态站点生成器,尤其适合个人博客和文档站点。它的文档主题如“Jekyll Documentation”...
Jekyll起动者尾风 用于将与使用的入门套件,包括: 准系统Jekyll入门主题 一个执行以下操作的Gulpfile: 编译尾风 ...Jekyll接收您的内容,呈现Markdown和Liquid模板,以及吐出一个完整的静态网
jekyll-gdrive, 从你的Jekyll模板访问 Google Drive电子表格 Gdrive插件在你的Jekyll站点中访问来自Google驱动器电子表格的数据安装将这些行添加到你的Gemfile:group :jekyll_plugins do gem 'jekyll-gdrive'end
阿尔及利亚Instantsearch实现Jekyll 一个Jekyll模板,用于快速启动和运行和 。 利用Algolia的Instantsearch库( ),这使创建好搜索UX变得很简单。数据为了方便起见,提供了示例数据集。 请将数据集上传到您自己的...