
Jekyll 基础教程
文章平均质量分 74
实践 + 原理的方式讲解 Jekyll 基础用法,可迅速上手搭建个人网站。
feelang
十年+编程经验,精通多种编程语言和框架,热衷科普,希望帮助别人透过现象看本质。
展开
-
Jekyll 教程——数据文件(Data Files)
我们知道,动态页面可通过 API 动态获取数据,这些数据可能来自专门存储数据的数据库,也可能来自配置文件。将数据和页面进行分离的做法,有效提高了代码的可维护性。Jekyll 虽然只支持静态页面,但也能实现数据和页面的分离,只不过这些数据只能存储在本地。Jekyll 称之为数据文件(Data Files),格式包括 JSON、YAML、CSV 和 TSV,支持全局访问。下面我们通过一个例子来看一下它的具体用法。原创 2022-09-26 22:42:18 · 555 阅读 · 0 评论 -
Jekyll 教程——合集(collections)
既然合集是对内容进行分组,那它的内容一定有共同之处,比如可以是一群人,也可以是某类食谱。我们以本篇所属的博客专栏「Jekyll 基础教程」为例要讲解一下合集的具体用法。下一篇将介绍 Jekyll 的数据文件,相当于一个小型的数据库,敬请期待。合集内的内容可以展示在一个页面,也可以分开展示,而博文往往只能独立展示。,本质上博客是一个文章的集合,集合内的文件遵循某种约定。所有的合集文件会放在一个以下划线开头的文件夹下。这个变量,它就是我们的合集名称,定义在。原创 2022-09-26 22:42:07 · 534 阅读 · 0 评论 -
Jekyll 教程——博客功能(blog)
相信很多程序员选择 Jekyll 是为了搭建个人博客,虽然它远不止于此。本篇我们就来介绍 Jekyll 的博客功能。原创 2022-09-26 22:41:51 · 946 阅读 · 0 评论 -
Jekyll 教程——模块化(includes)
我们知道,软件工程里面有一个很重要的概念,叫「高内聚低耦合(High cohesion & Low coupling)」。意思是说,程序结构中各模块的内聚程度越高,模块间的耦合程度就越低,一个好的内聚模块应当恰好做一件事。Jekyll 的 includes 便是这个概念的产物。利用 inlcudes,我们可以将页面的通用模块提取出来,单独维护。原创 2022-09-26 11:33:57 · 500 阅读 · 0 评论 -
Jekyll 教程——布局
我们知道,一个网站由多个页面组成,多个页面之间存在通用部分,比如 head、footer 或者 navigation。这些通用部分的如果不能放在一个地方维护,任何变更都会涉及到所有文件,非常不利于维护。Jekyll 为了解决这个问题,引入了了布局(Layout)这个概念。原创 2022-09-26 08:41:24 · 716 阅读 · 1 评论 -
Jekyll 教程——Front Matter & YAML
在上一篇中我们提到过 Front Matter,说它功能很强大,那它究竟强在哪呢?这篇我们来解密一下。原创 2022-09-23 17:41:08 · 1904 阅读 · 0 评论 -
Jekyll 教程——模板语言 Liquid
Liquid 出自 Shopify 团队,和 Jekyll 一样,都是 Ruby 写成的。Liquid 是 Jekyll 内置的模板语言,有了它,我们可以在 HTML 文件中添加控制逻辑或者引用外部数据,为原本枯燥乏味的 HTML 代码增添了一丝灵动。因为 Liquid 与 Jekyll 是「捆绑销售」,所以拿来就用,无需额外操作。原创 2022-09-22 17:16:34 · 1394 阅读 · 0 评论 -
Jekyll 教程——快速上手
本篇我们会通过一个最简单的 Jekyll 项目来演示如何创建一个项目,并解释这个项目的基本结构。有些细节这里可能不会深入,后续博文会逐一讲解。原创 2022-09-22 12:37:50 · 1829 阅读 · 0 评论 -
Jekyll 教程——安装
Jekyll 是一个静态网站生成器(static site generator),它是推荐的建站工具,支持 Markdown 和 HTML 两种文件类型,其中 HTML 使用了Liquid模板语言。所谓模板语言,是一种文本处理工具,它可以让我们更高效地生成 HTML 文件,Spring 框架的thymeleaf、Django 自有的 template language 等等,都属于此类,它们的语法大同小异,用法相差无几,Jekyll 之所以使用 Liquid,估计是因为它们都由 Ruby 写成。原创 2022-09-21 21:27:42 · 1497 阅读 · 0 评论