css - 在哪里可以编辑 Jekyll 博客的内联代码样式?

标签 css jekyll

我正在尝试设置我的 Jekyll 博客的样式。我注意到内联代码突出显示使用两个反引号`。 enter image description here

在这里您可以看到内联突出显示样式与代码块样式非常不同。代码块样式在 _highlighter.scss 文件中完成。有什么想法可以编辑内联代码的样式吗?

最佳答案

样式位置可能会因多种因素而异:

  • 您正在使用的主题以及该主题是否已自定义
  • 语法荧光笔引擎

在标准 Jekyll 实例中,内联代码块将以 <code class="highlighter-rouge> 开头。 ,也就是说,样式将是 code 的混合标签和上面的类。

找出在哪里更改 jekyll 实例样式的最简单方法是使用浏览器 inspect 代码模式,将显示要更改的文件和样式。

关于css - 在哪里可以编辑 Jekyll 博客的内联代码样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41952230/

相关文章:

html - 根据屏幕大小将元素列表分成 2 到 3 列

javascript - 按钮背景的挖空文本

css - Lato 中未显示箭头

看似优化的css代码,

html - 在 div>li 的底部显示图像

ruby - 杰基尔 3.1.6 |错误:未初始化常量 Jekyll::Filters::URLFilters

ruby - 遍历 Jekyll 集合页面的标签 - 显示时不带空格

css - 使用 Bootstrap 设计 Jekyll 网站

javascript - 克拉姆当延伸

jekyll 不会将 site.url 转换为 http ://localhost:4000 per the documentation