开源项目 lemonchann.github.io 使用教程-CSDN博客

本文链接：https://blog.csdn.net/gitblog_00828/article/details/141248508

开源项目 lemonchann.github.io 使用教程

lemonchann.github.io可 fork 的博客教程模板项目地址:https://gitcode.com/gh_mirrors/le/lemonchann.github.io

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

lemonchann.github.io/
├── _config.yml
├── _includes
│   ├── footer.html
│   ├── head.html
│   ├── header.html
│   └── sidebar.html
├── _layouts
│   ├── default.html
│   ├── page.html
│   └── post.html
├── _posts
│   ├── 2019-11-18-Play_with_VsCode_MarkDown_preview.md
│   ├── 2019-11-18-Performance_ulimit_TCP_link.md
│   └── 2019-11-18-Play_with_vscode_PlantUML_preview.md
├── _sass
│   ├── _base.scss
│   ├── _layout.scss
│   └── _syntax-highlighting.scss
├── assets
│   ├── css
│   │   └── main.scss
│   └── js
│       └── main.js
├── index.html
└── README.md

目录结构介绍

_config.yml: 项目的配置文件。
_includes/: 包含页面的各个部分，如页眉、页脚、侧边栏等。
_layouts/: 定义了页面的布局模板。
_posts/: 存放博客文章的目录。
_sass/: 包含SCSS样式文件。
assets/: 存放静态资源，如CSS和JavaScript文件。
index.html: 项目的首页文件。
README.md: 项目的说明文档。

2. 项目的启动文件介绍

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Blog</title>
    <link rel="stylesheet" href="assets/css/main.scss">
</head>
<body>
    <header>
        <!-- 引入header.html -->
        {% include header.html %}
    </header>
    <main>
        <!-- 主要内容 -->
        {{ content }}
    </main>
    <footer>
        <!-- 引入footer.html -->
        {% include footer.html %}
    </footer>
    <script src="assets/js/main.js"></script>
</body>
</html>

3. 项目的配置文件介绍

项目的配置文件是 _config.yml，它包含了网站的各种配置信息，如网站标题、描述、作者信息等。

title: My Blog
description: A simple blog built with Jekyll
author: lemonchann
email: example@example.com
baseurl: ""
url: "http://example.com"
markdown: kramdown
theme: minima
plugins:
  - jekyll-feed