Jekyll Rouge的垂直滚动条

Question

有没有在Jekyll中添加垂直滚动条以获得真正长的代码？我尝试在_syntax.scss中添加一个Height属性，但没有运气。我正在使用的语法高亮显示是胭脂，而我正在使用的主题是：https://github.com/mmistakes/hpstr-jekyll-theme

Answer 1

是的，请确保将此CSS添加到您的主题中：

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

<强>更新 使用这里提供的OP URL是我做的：

Lookp定义了类高亮显示的位置，并将其添加到其声明的末尾：

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

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

结果：