FOSSASIA Google Code-In 2018 网站项目教程

1. 项目目录结构及介绍

gci18.fossasia.org/
├── _data/
│   └── students.yml
├── _includes/
├── _layouts/
├── css/
├── fonts/
├── img/
│   ├── students/
│   └── mentors/
├── js/
├── lottie/
├── scripts/
├── tpl/
├── translations/
├── video/
├── .gitignore
├── .travis.yml
├── 404.html
├── CNAME
├── CONTRIBUTING.md
├── Gemfile
├── LICENSE
├── README.md
├── _config.yml
├── components.html
├── elements-accordions.html
├── elements-alerts.html
├── elements-buttons.html
├── elements-countdown.html
├── elements-form-inputs.html
├── elements-galleries.html
├── elements-grid.html
├── elements-icon-boxes.html
├── elements-intros.html
├── elements-lists.html
├── elements-modals.html
├── elements-nav-dark.html
├── elements-nav-info.html
├── elements-nav-light.html
├── elements-nav-trans.html
├── elements-parallax.html
├── elements-pricing.html
├── elements-progress.html
├── elements-tabs.html
├── elements-textimage.html
├── elements-titles-center.html
├── elements-titles.html
├── elements-typography.html
├── elements-video-bg.html
├── elements-video-slider.html
├── elements-video.html
├── elements-widgets.html
├── img_config.yml
├── index.html
├── manifest.json
├── students_projects.html
└── textshadow.css

目录结构介绍

• _data/: 存储项目的数据文件，如学生和导师的信息。
• _includes/: 包含项目的部分HTML代码片段。
• _layouts/: 存储项目的页面布局模板。
• css/: 包含项目的样式表文件。
• fonts/: 存储项目使用的字体文件。
• img/: 存储项目的图片文件，包括学生和导师的头像。
• js/: 包含项目的JavaScript文件。
• lottie/: 存储Lottie动画文件。
• scripts/: 包含项目的脚本文件。
• tpl/: 存储项目的模板文件。
• translations/: 存储项目的多语言翻译文件。
• video/: 存储项目的视频文件。
• .gitignore: Git忽略文件配置。
• .travis.yml: Travis CI配置文件。
• 404.html: 404错误页面。
• CNAME: 自定义域名配置文件。
• CONTRIBUTING.md: 贡献指南。
• Gemfile: Ruby依赖管理文件。
• LICENSE: 项目许可证文件。
• README.md: 项目说明文件。
• _config.yml: Jekyll配置文件。
• components.html: 项目组件文件。
• elements-*.html: 项目元素文件，如按钮、导航等。
• img_config.yml: 图片配置文件。
• index.html: 项目主页文件。
• manifest.json: Web应用清单文件。
• students_projects.html: 学生项目展示页面。
• textshadow.css: 文本阴影样式文件。

2. 项目启动文件介绍

项目的启动文件是 index.html，这是网站的主页文件。启动项目时，用户首先访问的就是这个文件。

3. 项目配置文件介绍

项目的配置文件是 _config.yml，这是一个Jekyll配置文件，用于配置网站的各种设置，如网站标题、描述、作者信息、多语言设置等。以下是配置文件的部分内容示例：

title: FOSSASIA Google Code-In 2018
description: This is the repository for FOSSASIA's website for Google Code-In 2018.
author: FOSSASIA
lang: en

通过修改这个文件，可以调整网站的整体配置。