创意主题Jekyll项目教程

创意主题Jekyll项目教程

creative-theme-jekyll 项目地址: https://gitcode.com/gh_mirrors/cr/creative-theme-jekyll

1. 项目目录结构及介绍

创意主题Jekyll项目的目录结构如下：

creative-theme-jekyll/
├── _includes/             # 包含可以被多个页面重复引用的文件
├── _layouts/             # 页面布局的文件
├── _sass/                # Sass 文件目录
├── css/                  # CSS 样式文件目录
├── font-awesome/         # Font Awesome 字体图标文件目录
├── fonts/                # 字体文件目录
├── img/                  # 图片文件目录
├── js/                   # JavaScript 文件目录
├── .gitignore            # 指定不被Git跟踪的文件
├── LICENCE               # 项目许可证文件
├── README.md             # 项目说明文件
├── _config.yml           # Jekyll 配置文件
└── index.html            # 项目主页HTML文件

各目录及文件的具体作用如下：

• _includes/：此目录用于存放一些可复用的文件，例如页头、页脚等。
• _layouts/：此目录包含了项目的布局文件，可以定义页面共享的结构。
• _sass/：存放Sass文件的目录，用于生成CSS样式。
• css/：存放编译后的CSS文件。
• font-awesome/：存放Font Awesome字体图标文件，用于页面的图标显示。
• fonts/：存放字体文件，可供页面使用。
• img/：存放项目所需的图片文件。
• js/：存放JavaScript文件，用于增强页面的交互性。
• .gitignore：定义了Git在提交时需要忽略的文件和目录。
• LICENCE：项目的许可协议文件，本项目使用Apache-2.0协议。
• README.md：项目的说明文件，包含了项目的介绍和使用说明。
• _config.yml：Jekyll的配置文件，用于设置网站的标题、描述等信息。
• index.html：网站的主页。

2. 项目的启动文件介绍

在Jekyll项目中，并没有传统的“启动文件”。要启动项目，通常需要在项目目录下执行以下命令：

jekyll serve

这条命令会启动一个本地服务器，通常在4000端口，然后你可以在浏览器中通过http://localhost:4000访问你的项目。

3. 项目的配置文件介绍

项目的配置主要通过_config.yml文件进行。以下是该文件的一些基本配置项：

title: "Creative Theme"           # 网站的标题
description: "A Jekyll implementation" # 网站的描述
baseurl: ""                         # 如果你的网站部署在子目录中，这里需要填写子目录的路径
url: ""                             # 网站的完整URL，如果是本地预览可以留空

在_config.yml文件中，你可以设置网站的许多方面，如作者信息、社交媒体链接、评论系统配置等。确保根据你的需要调整这些设置。

creative-theme-jekyll 项目地址: https://gitcode.com/gh_mirrors/cr/creative-theme-jekyll