Timeline Jekyll 主题使用教程

1. 项目目录结构及介绍

Timeline Jekyll 主题的目录结构如下：

.
├── _includes/
├── _layouts/
├── _posts/
├── assets/
│   ├── css/
│   ├── fonts/
│   ├── img/
│   └── js/
├── _config.yml
├── about.html
├── career.html
├── contact.html
├── index.html
└── README.md

目录介绍：

• _includes/：包含主题中使用的各种 HTML 片段，如页眉、页脚等。
• _layouts/：包含主题的布局文件，如默认布局、页面布局等。
• _posts/：用于存放博客文章的目录。
• assets/：包含主题的静态资源文件，如 CSS、字体、图片和 JavaScript 文件。
• _config.yml：Jekyll 的配置文件，包含站点的基础配置信息。
• about.html：关于页面的内容文件。
• career.html：职业页面的内容文件。
• contact.html：联系页面的内容文件。
• index.html：主页的内容文件。
• README.md：项目的说明文档。

2. 项目的启动文件介绍

Timeline Jekyll 主题的启动文件是 index.html。这个文件是站点的入口文件，包含了站点的基本结构和内容。启动文件的主要作用是定义站点的布局和内容结构，并通过 Jekyll 的模板引擎生成最终的 HTML 文件。

启动文件内容示例：

---
layout: default
---
<div class="container">
  <h1>欢迎来到我的站点</h1>
  <p>这是一个使用 Timeline Jekyll 主题的示例站点。</p>
</div>

在这个示例中，layout: default 指定了页面使用的布局文件为 _layouts/default.html。

3. 项目的配置文件介绍

Timeline Jekyll 主题的配置文件是 _config.yml。这个文件包含了站点的各种配置选项，如站点标题、描述、URL 等。

配置文件内容示例：

title: 我的站点
description: 这是一个使用 Timeline Jekyll 主题的示例站点。
url: "http://example.com"
baseurl: ""
theme: timeline-jekyll-theme

配置项介绍：

• title：站点的标题。
• description：站点的描述。
• url：站点的 URL。
• baseurl：站点的基本 URL，通常为空字符串。
• theme：使用的 Jekyll 主题名称。

通过修改 _config.yml 文件，可以自定义站点的各种配置选项，以满足不同的需求。

---

以上是 Timeline Jekyll 主题的基本使用教程，希望对你有所帮助！