Hydra Jekyll 模板使用教程

最新推荐文章于 2024-08-25 08:38:17 发布

邴联微

最新推荐文章于 2024-08-25 08:38:17 发布

阅读量238

点赞数 3

本文链接：https://blog.csdn.net/gitblog_00076/article/details/141510838

版权

Hydra Jekyll 模板使用教程

hydra-jekyll-template:dragon: Product marketing template for Jekyll项目地址:https://gitcode.com/gh_mirrors/hy/hydra-jekyll-template

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>&copy; 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: 在生成网站时排除的文件和目录。

hydra-jekyll-template:dragon: Product marketing template for Jekyll项目地址:https://gitcode.com/gh_mirrors/hy/hydra-jekyll-template

邴联微

关注

3
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
0
评论
Hydra Jekyll 模板使用教程

Hydra Jekyll 模板使用教程 hydra-jekyll-template:dragon: Product marketing template for Jekyll项目地址:https://gitcode.com/gh_mirrors/hy/hydra-jekyll-template 1. 项目的目录结构及介绍Hydra Jekyll 模板的项目目录结构如下：hydra-jekyl...
复制链接

扫一扫