Hydra Jekyll 模板使用教程
1. 项目的目录结构及介绍
Hydra Jekyll 模板的项目目录结构如下:
hydra-jekyll-template/
├── _config.yml
├── _data
├── _includes
├── _layouts
├── _posts
├── _sass
├── assets
├── css
├── images
├── js
├── _site
└── index.html
目录结构介绍
_config.yml
: 项目的配置文件。_data
: 存储数据文件,如 JSON 或 YAML 文件。_includes
: 存储可重用的 HTML 片段。_layouts
: 存储页面布局模板。_posts
: 存储博客文章。_sass
: 存储 SASS 文件。assets
: 存储静态资源,如图片、字体等。css
: 存储 CSS 文件。images
: 存储图片文件。js
: 存储 JavaScript 文件。_site
: 生成的静态网站目录。index.html
: 网站的首页。
2. 项目的启动文件介绍
Hydra Jekyll 模板的启动文件是 index.html
。这个文件是网站的首页,包含了网站的基本结构和内容。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hydra Jekyll Template</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header>
<h1>Hydra Jekyll Template</h1>
</header>
<main>
<p>Welcome to Hydra Jekyll Template!</p>
</main>
<footer>
<p>© 2023 Hydra Jekyll Template</p>
</footer>
</body>
</html>
3. 项目的配置文件介绍
Hydra Jekyll 模板的配置文件是 _config.yml
。这个文件包含了项目的所有配置信息,如网站的名称、描述、作者信息、Google Analytics 和 Disqus 的配置等。
title: Hydra Jekyll Template
description: A marketing site template for Jekyll.
author:
name: CloudCannon
email: support@cloudcannon.com
url: https://cloudcannon.com
google_analytics: UA-XXXXX-Y
disqus: disqus_shortname
markdown: kramdown
highlighter: rouge
gems:
- jekyll-feed
- jekyll-seo-tag
exclude:
- Gemfile
- Gemfile.lock
- vendor
配置文件介绍
title
: 网站的标题。description
: 网站的描述。author
: 作者信息,包括姓名、邮箱和网址。google_analytics
: Google Analytics 的跟踪 ID。disqus
: Disqus 的短名称。markdown
: 使用的 Markdown 解析器。highlighter
: 使用的代码高亮工具。gems
: 依赖的 Jekyll 插件。exclude
: 在生成网站时排除的文件和目录。