1. 首页
  2. 问题
  3. 显示C＃ 使用Highlight.js在Jekyll Github页面中添加标签
小编典典

显示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>标签）的所有内容？


阅读 409

收藏
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