AMP-Jekyll 项目教程
1. 项目的目录结构及介绍
AMP-Jekyll 项目的目录结构如下:
amp-jekyll/
├── _config.yml
├── _includes/
├── _layouts/
├── _plugins/
├── _posts/
├── assets/
├── Gemfile
├── Gemfile.lock
├── index.html
└── README.md
目录介绍:
_config.yml
: 项目的配置文件。_includes/
: 包含可重用的 HTML 片段。_layouts/
: 包含页面的布局模板。_plugins/
: 包含 Jekyll 插件。_posts/
: 包含博客文章。assets/
: 包含静态资源,如 CSS、JavaScript 和图像。Gemfile
和Gemfile.lock
: 定义项目的依赖关系。index.html
: 网站的首页。README.md
: 项目的说明文档。
2. 项目的启动文件介绍
项目的启动文件主要是 index.html
和 _config.yml
。
index.html
index.html
是网站的首页,它定义了网站的入口点。通常包含以下内容:
---
layout: default
---
<h1>Welcome to AMP-Jekyll</h1>
<p>This is the homepage of your AMP-Jekyll site.</p>
_config.yml
_config.yml
是 Jekyll 的主要配置文件,包含网站的基本设置,如标题、描述、URL 等。示例如下:
title: AMP-Jekyll
description: A Jekyll plugin to generate Accelerated Mobile Pages (AMP).
url: "https://example.com"
3. 项目的配置文件介绍
_config.yml
_config.yml
是 Jekyll 的主要配置文件,包含以下关键配置项:
title
: 网站的标题。description
: 网站的描述。url
: 网站的 URL。plugins
: 启用的插件列表。
示例配置:
title: AMP-Jekyll
description: A Jekyll plugin to generate Accelerated Mobile Pages (AMP).
url: "https://example.com"
plugins:
- jekyll-amp
Gemfile
Gemfile
定义了项目的依赖关系,包括 Jekyll 和其他插件。示例如下:
source "https://rubygems.org"
gem "jekyll"
gem "jekyll-amp"
通过这些配置文件,可以定制和启动 AMP-Jekyll 项目。