Made Mistakes Jekyll 项目教程
1. 项目的目录结构及介绍
made-mistakes-jekyll/
├── src/
│ ├── _includes/
│ ├── _layouts/
│ ├── _pages/
│ ├── _posts/
│ ├── _sass/
│ ├── assets/
│ │ ├── images/
│ │ ├── js/
│ │ └── css/
│ ├── _config.yml
│ ├── Gemfile
│ ├── index.html
│ └── README.md
├── .gitignore
├── .gitmodules
├── LICENSE
└── README.md
src/
: 项目的主要源代码目录。_includes/
: 包含可重用的HTML片段。_layouts/
: 包含页面的布局模板。_pages/
: 包含静态页面的内容。_posts/
: 包含博客文章的内容。_sass/
: 包含SASS样式文件。assets/
: 包含静态资源,如图片、JavaScript和CSS文件。_config.yml
: Jekyll的配置文件。Gemfile
: 定义项目所需的Ruby gems。index.html
: 网站的首页。README.md
: 项目的说明文档。
.gitignore
: 定义Git忽略的文件和目录。.gitmodules
: 定义Git子模块。LICENSE
: 项目的许可证。README.md
: 项目的说明文档。
2. 项目的启动文件介绍
项目的启动文件是 index.html
,它位于 src/
目录下。这个文件是网站的首页,包含了网站的基本结构和内容。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Made Mistakes</title>
<!-- 其他头部元素 -->
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
3. 项目的配置文件介绍
项目的配置文件是 _config.yml
,它位于 src/
目录下。这个文件包含了Jekyll站点的所有配置选项,如网站的标题、描述、URL、插件等。
title: Made Mistakes
description: A personal blog and portfolio built with Jekyll, Gulp, and Netlify.
url: "https://mademistakes.com"
baseurl: ""
# 其他配置选项
plugins:
- jekyll-sitemap
- jemoji
- jekyll-paginate-v2
- jekyll-toc
# 更多配置选项...
这个配置文件是Jekyll站点的核心,通过修改它可以调整站点的各种行为和外观。