网站的组成部分。从 WordPress 到 Jekyll 2

在以前的文章我开始解释 三种用于创建博客的工具之间的差异，以及为什么这些差异使我决定放弃我正在使用的选项； WordPress，支持像Jekyll这样的静态网站生成器。

以便更好地理解每种方法的优缺点 我们需要定义一些术语，并以一个有关园艺的假设性博客为例进行说明。

网站组成

网站的三个基本要素是：

HTML代表超文本标记语言：之所以称为“标记语言”，是因为 使用标签来识别不同类型的内容以及它们各自在网络上的用途。您已经可以轻视那些说这是一种编程语言的专家了。

例如，在当前规范中，HTML5使用以下标记

在我们所谓的园艺博客中，我们将有类似这样的内容。

我把它作为图像是因为安全策略 Linux Adictos 它们不允许包含 HTML 代码。

如果将此文本复制到文本编辑器并将其另存为 index.html， 你会看到文本 这是我的园艺博客。

代码的第一行告诉浏览器，后面的内容必须解释为HTML，第二行指示标签从此处开始，并且网站的语言是阿根廷西班牙语。头部内部会显示字符集和博客标题。

在本节中身体我们看到该短语包含在另一个标签中，

这告诉浏览器必须将其视为段落。

除了字符编码， meta参数允许合并其他类型的信息，尽管这些信息在浏览器中看不到，但对搜索引擎很有用。

例如，元名称作者内容参数标识页面的作者，而元名称描述内容参数概述搜索引擎的页面内容。

头里还有另外两个元素，它们是指向样式表和Javascript代码的链接。

如果您还记得我们的示例网页，则仅显示该短语 “这是我的园艺博客。” 当然，网站必须比需要的样式表更具吸引力。

样式表是 那些确定如何显示页面的不同元素。

例如，如果我们希望文本以黑色背景和黄色字母显示，则创建一个名为my-style-css.ss的文件并编写以下行

p {
背景色：黑色;
颜色：黄色；
}

我们将示例页面的代码更改为：

请记住，要使其正常工作，两个文件必须位于同一文件夹中。

尽管今天，HTML5和CSS可以为网站提供很多动画效果。如果我们需要更复杂的交互性，则必须使用Javascript。

使用Javascript 是一种编程语言，允许根据用户行为修改网站的内容。

在将保持静态的网站上，从头开始创建页面的工作可能会因资源消耗低和可定制性而被抵消。但是，博客是一种特殊类型的网站，需要不断关注。关键是内容的数量和种类。因此，所有可以自动化的东西都必须自动化。确实可以复制和粘贴所有页面共有的信息。但是请相信我，犯错了，而且很难发现。

请注意显示单行并更改其颜色所需的代码量。一个普通的博客文章包含300个单词，几个标题和图片。而且，您必须尝试使所有内容在不同的屏幕格式上看起来都不错。

在接下来的文章中，我们将介绍如何使用WordPress处理这种复杂性，杰奇和框架引导