有不同的风格适用于不同的语法荧光笔语言

我有一个jekyll站点，我在代码块中发布了很多shell示例。我努力在脚本/ shell命令和它们的命令输出之间直观地描述。有不同的风格适用于不同的语法荧光笔语言

生成的HTML：

<pre><code class="language-powershell"> 
function DemoCode { 
    return 'rab', 'oof' 
} 
DemoCode 

rab 
oof 
</code></pre>

在这个例子中，最后两行需要是明显从第一4行的输出。

降价，目前只是正常的三反引号与PowerShell的标签：

```powershell 
function DemoCode { 
    return 'rab', 'oof' 
} 

DemoCode 

rab 
oof 
```

我宁愿避免它分裂成第二个代码块。 Wordpress让我用内联样式标签做这件事，但它是一份工作。

这不是对我来说是很好的解决方案，但我可以用“明文”标签的语法高亮一个单独的代码块：

我迄今为止最好的是确实有独立的代码块。如果我应用'明文'标签来闯红灯，那么至少我不会得到语法突出显示，这有助于。但生成的html仍然从.highlight继承相同的CSS。

降价：

```powershell 
function Write-Stuff { 
    Write-Output $Stuff 
} 
``` 

```plaintext 
Output I would like with different color and background-color 
```

我仍然需要继承不同的CSS，虽然。生成的HTML：

<div class="language-powershell highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c1">#this is formatted with md code block and powershell tag</span> 
</code></pre></div></div> 

<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>#formatted with md code block and plaintext tag 
</code></pre></div></div>

来源

2017-10-12 FSCKur

为什么不使用两个不同的代码块？ –

这是一个关于视觉语言的问题。平面设计很重要，两个独立的代码块不是解决方案。部分解决方案是，如果第二个代码块在视觉上通过例如单独的颜色进行区分，但我无法在jekyll中找到实现该方法的方法，因为html类是在提交到github页面时生成的。 – FSCKur

期望的输出是什么？没有样式？ – marcanuy

如果你想要去与独立的代码块，你可以使用IAL块设置在语法自定义类突出块：

{:.my-custom-class} 
``` powershell 
function Write-Stuff { 
    Write-Output $Stuff 
    } 
```

这将插入my-custom-class权language-powershell highlighter-rouge旁边，允许您适当地自定义您的CSS。

至于避免拆分块：这是不可能与kramdown。但是，您可以实施知道如何执行此操作的custom syntax highlighter。

来源

2017-10-16 04:11:52 gettalong

有不同的风格适用于不同的语法荧光笔语言

回答

相关问题