模板
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 同样支持文件名。
相关推荐
一个现代静态简历模板和主题。 由Jekyll和GitHub页面提供支持。
打开然后键入: $ gem install jekyll对于此模板,我们还使用Sass (一个CSS预处理器), Bourbon (一个Sass mixins库)和Neat (一个轻量级的网格框架)库。 我们可以使用以下三个gem安装所有这些组件: $ gem ...
Jekyll基本模板 这是供某些配置供个人使用的模板。
飞行员Jekyll的API文档模板。 浏览。 开始使用此可配置主题记录您的API。 飞行员是由Jekyll的Cloud CMS 制造的。 在找到更多模板,主题和分步的Jekyll教程。产品特点三列布局全面响应全文搜索预先样式化的组件根据...
之前一直在逛知乎,在这位同学的基础上改造,所以在这里一并感谢这位同学,最后发现志同道合的同学不在少数,所以干脆建个repo吧,在这里大家可以分享自己使用的主题模板,不需要四处去搜索,同时也是对大家博客的...
作者Jekyll的书籍出版模板。 浏览。 作者由的Cloud CMS 。 在查找更多模板和主题。 通过分步教程和视频学习Jekyll。产品特点逐章查看全书检视PDF检视建立在_config.yml添加您的网站和书籍详细信息。 将封面详细信息...
Jekyll的光圈模板。 浏览。 Aperture是由Jekyll的Cloud CMS 制作的。 在查找更多模板和主题。 通过分步教程和视频学习Jekyll。 产品特点 照片网格 缩图 字幕 关于页面 联系页面 建立 在_config.yml添加您的网站和...
jekyll-gdrive, 从你的Jekyll模板访问 Google Drive电子表格 Gdrive插件在你的Jekyll站点中访问来自Google驱动器电子表格的数据安装将这些行添加到你的Gemfile:group :jekyll_plugins do gem 'jekyll-gdrive'end
阿尔及利亚Instantsearch实现Jekyll 一个Jekyll模板,用于快速启动和运行和 。 利用Algolia的Instantsearch库( ),这使创建好搜索UX变得很简单。数据为了方便起见,提供了示例数据集。 请将数据集上传到您自己的...
产品特点支持Vue单个文件组件使用webpack 4分割供应商代码使用Webpack 4对捆绑资产的缓存控制通天塔Vue单个文件组件中的Sass语言支持eslint与Vue样式指南插件通过BrowserSync热装安装使用jekyll
在找到更多模板,主题和分步的Jekyll教程。 产品特点 预建页面 预先样式化的组件 可配置页脚 针对编辑进行了 SEO标签 谷歌分析 建立 在_config.yml添加您的站点详细信息。 将您的Google Analytics(分析)添加到_...
Jekyll的产品文档模板。 浏览。 开始使用此可配置主题记录您的产品,应用程序,服务或网站。 该版本由的Cloud CMS 制作。 在找到更多模板,主题和分步的Jekyll教程。 产品特点 两列布局 全文搜索 预先样式化的组件...
用于创建多种格式书籍的 Jekyll 模板: 打印用于高端图书出版的 PDF 用于在屏幕上阅读的屏幕 PDF 一个书籍网站 用于电子书分发的 epub 适用于 Android 和 iOS 的电子书应用 用于老式编辑的 MS Word 输出。 使用...
该分支包含我的在线投资组合中当前使用的模板。 它是使用HTML和与。 可以在上看到正在运行的演示。 HTML源代码可以在。 入门 用于GitHub Pages 分叉此存储库,以以下格式命名您的存储库: yourusername.github.io...
Jekyll的知识库模板。 浏览。 该平台由的Cloud CMS 制造。 在找到更多模板,主题和分步的Jekyll教程。 产品特点 按类别组织的教程 两种类型的教程-文字和视频 具备“教程系列”的能力 常见问题部分 Disqus评论 ...
:warning_selector: :warning_selector: 该项目不再维护 :warning_selector: :warning_selector:卡Jekyll模板- 这是Jekyll的一个简单且极简的模板,为希望编写博客帖子但又不关心前端内容的开发人员设计。...
研究人员:基于jekyll的简历模板
Jekyll包含缓存 一个用于缓存Liquid渲染的Jekyll插件包括 它能做什么 如果您拥有计算上昂贵的包含(如边栏或导航),则Jekyll包含缓存将仅呈现一次包含,然后在使用相同参数调用包含的任何... 将模板中的{% include fo
一个简单的Jekyll + GitHub Pages驱动的简历模板。 文件 在本地运行 要在本地测试,请在终端中运行以下命令: 在本地克隆回购 bundle install bundle exec jekyll serve 打开浏览器到localhost:4000 客制化 首先...
这是由Crisp(由支持)制作的响应式最小简历模板。 我们还为Hexo用户提供了官方的。 您可以在yaml配置所有数据,并使其成为自己的简历。 然后,您可以在GitHub Pages,您的网站上或任何需要的地方使用。 产品特点 ...