Jekyll Compress HTML 项目教程

2024-09-28 10:37:16作者：幸俭卉

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

jekyll-compress-html/
├── .github/
│   └── workflows/
│       └── performance.yml
├── _layouts/
│   └── compress.html
├── _site/
├── src/
│   ├── compress.html
│   └── ...
├── test/
│   └── ...
├── .gitignore
├── Gemfile
├── ISSUE_TEMPLATE.md
├── LICENSE
├── README.md
└── Rakefile

目录结构介绍

.github/workflows/: 包含 GitHub Actions 的工作流配置文件，用于自动化测试和性能优化。
_layouts/: 存放 Jekyll 布局文件，compress.html 是压缩 HTML 的主要布局文件。
_site/: Jekyll 生成的静态站点文件夹，通常在开发过程中不会手动修改。
src/: 源代码文件夹，包含 compress.html 文件和其他相关文件。
test/: 测试文件夹，包含项目的测试代码。
.gitignore: Git 忽略文件，指定哪些文件和文件夹不需要被 Git 跟踪。
Gemfile: 定义项目所需的 Ruby 依赖包。
ISSUE_TEMPLATE.md: GitHub Issue 模板文件，用于规范化问题报告。
LICENSE: 项目许可证文件，本项目使用 MIT 许可证。
README.md: 项目说明文件，包含项目的概述、安装和使用说明。
Rakefile: Rake 任务文件，用于自动化执行一些常见的任务。

2. 项目的启动文件介绍

项目的启动文件主要是 _layouts/compress.html，它是 Jekyll 布局文件，用于压缩 HTML 输出。以下是该文件的简要介绍：

---
layout: compress
---
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Compressed HTML</title>
</head>
<body>
  {{ content }}
</body>
</html>

启动文件介绍

layout: compress: 指定使用 compress 布局。
{{ content }}: 插入页面的内容，Jekyll 会自动处理并压缩这部分内容。

3. 项目的配置文件介绍

项目的配置文件主要是 _config.yml，但在这个项目中，主要的配置是通过 _layouts/compress.html 文件中的 Front Matter 来实现的。以下是一个示例配置：

# _config.yml
compress_html:
  clippings: all
  comments: ["<!--", "-->"]
  endings: all
  startings: all

配置文件介绍

compress_html: 压缩 HTML 的配置项。
- clippings: 指定要移除的剪辑内容。
- comments: 指定要移除的注释内容。
- endings: 指定要移除的结束标签。
- startings: 指定要移除的开始标签。

通过这些配置，可以灵活地控制 HTML 压缩的行为，以适应不同的需求。

jekyll-compress-html

A Jekyll layout that compresses HTML in pure Liquid

项目地址：https://gitcode.com/gh_mirrors/je/jekyll-compress-html

项目优选

收起

本仓将收集和展示仓颉鸿蒙应用示例代码，欢迎大家投稿，在仓颉鸿蒙社区展现你的妙趣设计！

Cangjie

286

✍ WeChat Markdown Editor | 一款高度简洁的微信 Markdown 编辑器：支持 Markdown 语法、色盘取色、多图上传、一键下载文档、自定义 CSS 样式、一键重置等特性

Vue

111

openHiTLS

旨在打造算法先进、性能卓越、高效敏捷、安全可靠的密码套件，通过轻量级、可剪裁的软件技术架构满足各行业不同场景的多样化要求，让密码技术应用更简单，同时探索后量子等先进算法创新实践，构建密码前沿技术底座！

RuoYi-Cloud-Vue3

🎉 基于Spring Boot、Spring Cloud & Alibaba、Vue3 & Vite、Element Plus的分布式前后端分离微服务架构权限管理系统

Vue

go-stock

🦄🦄🦄AI赋能股票分析：自选股行情获取，成本盈亏展示，涨跌报警推送，市场整体/个股情绪分析，K线技术指标分析等。数据全部保留在本地。支持DeepSeek，OpenAI， Ollama，LMStudio，AnythingLLM，硅基流动，火山方舟，阿里云百炼等平台或模型。

Cangjie-Examples

本仓将收集和展示高质量的仓颉示例代码，欢迎大家投稿，让全世界看到您的妙趣设计，也让更多人通过您的编码理解和喜爱仓颉语言。

Cangjie

205

MateChat

前端智能化场景解决方案UI库，轻松构建你的AI应用，我们将持续完善更新，欢迎你的使用与建议。官网地址：https://matechat.gitcode.com

376

RuoYi-Vue

🎉 基于SpringBoot，Spring Security，JWT，Vue & Element 的前后端分离权限管理系统，同时提供了 Vue3 的版本

Java

182

frog

这是一个人工生命试验项目，最终目标是创建“有自我意识表现”的模拟生命体。

Java

Jekyll Compress HTML 项目教程

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

目录结构介绍

2. 项目的启动文件介绍

启动文件介绍

3. 项目的配置文件介绍

配置文件介绍

热门内容推荐

最新内容推荐

项目优选

Jekyll Compress HTML 项目教程

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

目录结构介绍

2. 项目的启动文件介绍

启动文件介绍

3. 项目的配置文件介绍

配置文件介绍

相关内容推荐

热门内容推荐

最新内容推荐

项目优选