Jekyll & Hyde 是一个流行的静态网站生成器，它允许用户使用 Markdown 语言来创建和部署网站。Jekyll 与 Hyde 的结合，使得网站开发过程更加高效和有趣。本文将带你领略 Jekyll & Hyde 的神秘之旅，让你轻松上手，体验双面英雄的魅力。

一、Jekyll 简介

Jekyll 是一个简单、强大的静态网站生成器。它使用 Ruby 语言编写，可以将 Markdown 文件转换成静态的 HTML 页面。Jekyll 适用于各种类型的网站，包括个人博客、项目主页和公司网站。

1.1 安装 Jekyll

首先，你需要安装 Ruby 环境。在 macOS 和 Linux 上，可以使用 Homebrew 安装 Ruby：

brew install ruby

在 Windows 上，可以从官网下载 Ruby 安装程序并安装。

安装完 Ruby 后，打开命令行窗口，执行以下命令安装 Jekyll：

gem install jekyll

1.2 创建 Jekyll 项目

在命令行中，切换到你想创建项目的目录，然后运行以下命令：

jekyll new myblog

这将创建一个新的 Jekyll 项目，名为 myblog。

二、Hyde 简介

Hyde 是一个基于 Jekyll 的主题框架，它提供了丰富的样式和布局选项，使得 Jekyll 网站更加美观和易用。

2.1 安装 Hyde

在命令行中，切换到 myblog 目录，然后运行以下命令安装 Hyde：

gem install hyde

2.2 使用 Hyde 主题

安装完成后，你可以选择一个 Hyde 主题。Hyde 官方网站提供了多个主题供选择。以下是一个示例，将 Minimal Mistakes 主题应用到你的 Jekyll 项目中：

hyde install https://github.com/patrickjosephhagan/minimal-mistakes.git

这将下载并安装 Minimal Mistakes 主题。

三、Jekyll & Hyde 实践

现在，你已经安装了 Jekyll 和 Hyde，接下来我们将创建一个简单的博客文章。

3.1 创建 Markdown 文件

在 myblog 目录下，创建一个名为 index.md 的 Markdown 文件：

---
layout: post
title: "我的第一篇博客文章"
date: 2021-07-01 00:00:00 +0800
categories: "jekyll"
tags: ["hyde", "markdown"]
---

这是一篇简单的博客文章。

3.2 构建网站

在命令行中，切换到 myblog 目录，然后运行以下命令构建网站：

jekyll build

这将在 myblog/_site 目录下生成静态 HTML 页面。

3.3 部署网站

将 _site 目录中的文件上传到你的网站服务器，或者使用 GitHub Pages、Netlify 等平台自动部署。

四、总结

通过本文的介绍，相信你已经对 Jekyll & Hyde 有了初步的了解。Jekyll & Hyde 是一个简单、强大的静态网站生成器，适合快速创建和部署网站。希望本文能帮助你轻松上手 Jekyll & Hyde，开启你的神秘之旅。