HCI Deadlines 项目启动与配置教程

1. 项目目录结构及介绍

HCI Deadlines 项目的目录结构如下所示：

hci-deadlines.github.io/
├── _config.yml             # 配置文件
├── _includes/              # 包含的布局文件
│   └── head.html
├── _layouts/               # 布局文件
│   ├── default.html
│   └── post.html
├── _posts/                 # 文章存放目录
│   └── 2023-01-01-welcome-to-hci-deadlines.md
├── assets/                 # 资源文件目录
│   ├── css/
│   ├── js/
│   └── images/
├── index.html              # 主页文件
└── README.md               # 项目说明文件

• _config.yml：项目的配置文件，用于设置网站的标题、描述、主题等参数。
• _includes/：包含的布局文件，可以复用页面的部分代码。
• _layouts/：布局文件，定义了网页的框架结构。
• _posts/：文章存放目录，所有的文章都放在这个目录下，按照时间顺序命名。
• assets/：资源文件目录，包含了项目的样式表、JavaScript 文件和图片等资源。
• index.html：主页文件，是网站访问的入口页面。
• README.md：项目说明文件，用于介绍项目的相关信息。

2. 项目的启动文件介绍

项目的启动主要是通过 index.html 文件来实现的。这个文件是网站的主页，它使用了 Jekyll 的布局和模板系统。index.html 文件通常包含了网站标题、导航菜单、文章列表等。

---
layout: default
title: HCI Deadlines
---

<h1>欢迎来到 HCI Deadlines</h1>

<ul>
  {% for post in site.posts %}
    <li>
      <a href="{{ post.url }}">{{ post.title }}</a>
    </li>
  {% endfor %}
</ul>

在这个文件中，layout: default 指定了使用 _layouts/default.html 作为布局文件。title 是页面标题，会显示在浏览器的标签页上。

3. 项目的配置文件介绍

项目的配置文件是 _config.yml，它用于定义网站的基本参数和元数据。下面是一些常见的配置项：

title: HCI Deadlines             # 网站标题
description: 一个关于HCI截止日期的项目 # 网站描述
baseurl: ""                      # 如果你的项目是部署在子目录中，需要指定baseurl
url: http://hci-deadlines.com    # 网站地址

• title：定义了网站的主标题。
• description：定义了网站的简短描述。
• baseurl：如果网站部署在子目录中，这里需要指定子目录的路径。
• url：定义了网站的完整URL地址。

确保正确配置这些参数，以便网站能够正确显示和运行。