开源项目 `ityouknow/ityouknow.github.io` 使用教程

井隆榕Star

于 2024-08-15 10:15:22 发布

阅读量243

点赞数 4

本文链接：https://blog.csdn.net/gitblog_00609/article/details/141214717

版权

开源项目 `ityouknow/ityouknow.github.io` 使用教程

ityouknow.github.iohttp://www.ityouknow.com/项目地址:https://gitcode.com/gh_mirrors/it/ityouknow.github.io

1. 项目的目录结构及介绍

ityouknow.github.io/
├── _config.yml
├── _data
│   └── members.yml
├── _includes
│   ├── footer.html
│   ├── head.html
│   ├── header.html
│   └── scripts.html
├── _layouts
│   ├── default.html
│   ├── home.html
│   ├── page.html
│   └── post.html
├── _posts
│   └── 2023-01-01-welcome-to-jekyll.markdown
├── _sass
│   ├── _base.scss
│   ├── _layout.scss
│   └── _syntax-highlighting.scss
├── about.md
├── assets
│   ├── css
│   │   └── main.scss
│   └── images
│       └── logo.png
├── index.html
└── README.md

目录结构说明

_config.yml: 项目的配置文件。
_data/: 存放项目数据文件，如 members.yml。
_includes/: 存放可重用的HTML片段，如页眉、页脚等。
_layouts/: 存放页面布局模板。
_posts/: 存放博客文章。
_sass/: 存放SASS样式文件。
about.md: 关于页面。
assets/: 存放静态资源，如CSS和图片。
index.html: 项目的主页。
README.md: 项目的说明文档。

2. 项目的启动文件介绍

项目的启动文件是 index.html，它是网站的入口文件。这个文件通常包含了网站的基本结构和引入的资源文件。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ityouknow.github.io</title>
    <link rel="stylesheet" href="/assets/css/main.css">
</head>
<body>
    {% include header.html %}
    <main>
        {{ content }}
    </main>
    {% include footer.html %}
</body>
</html>

启动文件说明

<!DOCTYPE html>: 声明文档类型。
<head>: 包含文档的元数据，如字符编码和标题。
<link rel="stylesheet" href="/assets/css/main.css">: 引入CSS样式文件。
<body>: 包含页面的主体内容。
{% include header.html %}: 引入页眉文件。
<main>: 页面的主要内容区域。
{{ content }}: 插入页面的内容。
{% include footer.html %}: 引入页脚文件。

3. 项目的配置文件介绍

项目的配置文件是 _config.yml，它包含了网站的全局配置信息。

title: "ityouknow.github.io"
email: your-email@example.com
description: >-
  This is a personal blog by ityouknow.
baseurl: ""
url: "http://ityouknow.com"
twitter_username: ityouknow
github_username:  ityouknow