小编典典

显示C# 使用Highlight.js在Jekyll Github页面中添加标签

c#

为了显示与简单的HTML代码成功,我已经加入Highlight.js在我的杰奇基于博客,其上运行Github上页

<!--Add Highlight.js https://highlightjs.org/download/ -->

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.0.0/styles/default.min.css">

<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.0.0/highlight.min.js"></script>



<!-- Using Highight.js https://highlightjs.org/usage/-->

<script>

  hljs.initHighlightingOnLoad();

</script>

我需要显示以下 C#代码,<pre> <code class="csharp">和之间的所有内容</code> </pre>

<pre>
<code class="csharp">

/// <summary>
/// Main class of the project
/// </summary>
class Program
{
    /// <summary>
    /// Main entry point of the program
    /// </summary>
    /// <param name="args">Command line args</param>
    static void Main(string[] args)
    {
        //Do stuff
    }
}

</code>
</pre>

此代码已添加到此.md文件中在此处显示

<summary>标签外,其他所有内容均已呈现。 荧光笔 是否
误解为普通HTML?

题:

在这种情况下,开发人员如何确保使用Highlight.js显示该标签之间<pre> <code class="csharp"></code> </pre>包括该<summary>标签)的所有内容?


阅读 412

收藏
2020-05-19

共1个答案

小编典典

codeHTML标签的用途段落式内容,这意味着它将把普通的HTML标签,如<summary>作为普通的HTML代码,因此省略了输出。

为避免此问题,您必须正确编码所有标签:

<pre>
<code class="csharp">

    /// &lt;summary&gt;
    /// Summary description for the function or property goes here
    /// &lt;/summary&gt;

</code>
</pre>
2020-05-19