Jekyll Rouge中的垂直涡旋条 [英] Vertical Scroll bars in Jekyll Rouge

问题描述

在Jekyll中有没有为非常长的代码添加垂直滚动条的功能？我尝试在_syntax.scss中添加一个高度属性，但是没有成功。我使用的语法高亮笔是Rouge，我使用的主题是：https://github.com/mmistakes/hpstr-jekyll-theme

css

是，请确保将此推荐答案添加到您的主题中：

pre.highlight {
  max-height: 200px; /* Change to your desired max height */
  overflow-y: scroll;
}

更新。 使用下面提供的op URL，我执行了以下操作：

查看定义类突出显示的位置，并将以下内容添加到其声明的末尾：

.highlight {
  [...]
  border: 1px solid #dbdbdb;
  background-color: #272822;
  border-radius: 3px;

/** This part **/
  max-height: 300px;
  overflow-y: auto;
}

结果：

这篇关于Jekyll Rouge中的垂直涡旋条的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！