使用jekyll，kramdown和rouge防止换行

Question

我想在jekyll博客中使用kramdown和rouge进行markdown语法突出显示，我想防止较长的代码行换行。我希望能够使用水平滚动条来显示其余内容。

这是jekyll配置：

markdown: kramdown
kramdown:
  input: GFM
  syntax_highlighter: rouge

我正在使用命令base16.solarized.dark生成的css主题rougify。

这是示例代码用法：

```` js
console.log("some code") // and a really really long long long comment which i'd like to not wrap onto the next line
````

Answer 1

Boostrap正在添加一条white-space: pre-wrap规则以帮助代码阻止可读性。

如果希望代码块避免这种换行，则可以编辑css / data-creative.css并添加

pre code{
  white-space: pre;
}