我遇到的困难之一 尝试通过 从 Worpress 到 Jekyll f我必须了解每个组件的用途以及它们如何相互交互. 当我停止尝试从头开始创建博客并开始逆向工程时,我找到了解决方案 一个主题 别人开发的。 开源的优势。
首先,假设您已经安装了我们在之前文章中概述的先决条件,让我们构建我们的站点。 该示例是一个园艺博客。
jekyll new blog_de_jardineria
如果您转到该文件夹,您将看到以下内容:
- 名为的文件夹 _帖子。
- 两个带有 markdown 扩展名的文件
- 网页。
- 带有 .yml 扩展名的配置文件,我们将在下一篇文章中详细讨论。
- 一个 Gemfile 文件,其中列出了站点的组件和另一个同名但扩展名为 .lock 的文件,以防止意外修改。
项目结构
像任何基于 WordPress 的网站一样, Jekyll还创建了一个文件夹结构来存储所有文件,并且出于相同的原因这样做。 允许用户以有序的方式对文件进行分组,并且随着项目的增长保持可管理性。
我们使用命令创建基本文件夹 jekyll new.
在里面,我们找到两种类型的文件夹; 那些与博客配置相关的,在名称前面用连字符标识(在我们的例子中是 _post 文件夹和那些具有不会作为创建过程的一部分包含的资源的。例如,那些包含图像。
基于内容的文件夹
在这个组e 存储供网站访问者使用的内容
_ 邮政
该文件夹 _POST 包含所有博客条目. 这里保存的每个文件都使用一种非常特定的格式。 文件名的格式必须是 date-filename - year-month-date-full_filename.md - 并且此发布日期将显示为此 Jekyll 博客文章的发布日期。 我们必须记住,虽然文件夹被称为 _ 帖子, 这是博客读者将看到的所有内容, 例如联系表或作者的传记。 稍后我们将看到可以为页面分配不同的设计。
_草稿
这相当于保存 WordPress 草稿。 它的推荐用途是用于尚未准备好发布的帖子,尽管它们可用于存储想法列表、稍后使用的设计等。
_包括
在这个空间中,我们可以存储可以多次重复使用的 html 代码。 例如,在我们的例子中,一个横幅根据用户所在的半球来迎接一个季节的开始。
_布局
就像我们上面说的 不同的内容可能需要不同的布局。 例如,要显示视频,我们可能希望页面是单栏,而如果是客座作者,我们需要一栏来显示他们的传记和联系信息。 该站点将使用的不同设计存储在此文件夹中。
信息文件夹
这两个文件夹 由站点用于其操作。
_数据
在一个人的博客中,配置文件可以存储所有必要的数据。 但是,如果我们的博客有很多作者,则需要另一种管理信息的方法。 该文件夹 _数据 它用于以 JSON 或 CSV 格式存储数据,站点可以根据与用户的交互来检索这些数据。
_如果你
该文件夹 _如果你 该站点使用先前文件夹中的所有可用信息来完成它。 在这里我们将找到我们将上传到服务器以便用户可以访问的站点. 当然,由于它是html和css代码,因此可以像任何其他网站一样对其进行修改。
在下一篇文章中我们将开始修改配置文件。