blocks|key|4427090|text|正如您在Markdown+Cheatsheet中可能注意到的，GitHub不会在代码块中显示行号。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4427091|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet#code-and-syntax-highlighting^0|4|J|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

As you may noticed in <a href="https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet#code-and-syntax-highlighting" rel="noreferrer">Markdown Cheatsheet</a>, GitHub does not show line numbers in code blocks.

blocks|key|4427164|text|作为一个技巧，你可以在https://carbon.now.sh上保存一张代码的图片并发布；他们支持行号作为一个选项。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4427165|entityMap|0|LINK|mutability|MUTABLE|url|https://carbon.now.sh/^0|B|L|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

As a hack, you could save a pic of your code at <a href="https://carbon.now.sh" rel="noreferrer">https://carbon.now.sh</a> and post it; they support line numbers as an option.

blocks|key|4427170|text|您可以使用awk+'{printf("%25+4d++%25s\n",+NR,+$0)}'+StartDsl.scala获得类似的内容，其中StartDsl.scala是您的源代码文件。将结果粘贴到|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4427171|```scala|code-block|syntax|javascript|4427172|4427173|4427174|entityMap^0|5|1F|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]|$1|L|3|-4|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|M|3|-4|5|6|7|U|8|@]|D|@]|E|$]]]|N|$]]

You can get something similar that you need using <code>awk '{printf("% 4d %s\n", NR, $0)}' StartDsl.scala</code> where StartDsl.scala is your source code file. Paste the result between

<pre><code>```scala
&lt;your code here&gt;
```
</code></pre>

blocks|key|4427279|text|虽然它不像问题所问的那样在GitHub中可用，但我今天发现，在一些Markdown编辑器中，如果您在开始行之后添加一个=符号，它将提供所需的结果。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4427280|例如：|4427281|```javascript=|code-block|syntax|javascript|4427282|var+s=+"JavaScript语法突出显示“；|4427283|警报；|4427284|4427285|这适用于HackMD等Markdown编辑器|4427286|请参阅HackMD上的your+example|4427287|entityMap|0|LINK|mutability|MUTABLE|url|https://hackmd.io/new|1|https://hackmd.io/EQrGZM7-Qz6xIFZiTZav8A?both^0|1N|1|0|0|0|0|0|0|4|6|0|0|B|C|1|0^^$0|@$1|2|3|4|5|6|7|15|8|@$9|16|A|17|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|18|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|19|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1A|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|1B|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|J|7|1C|8|@]|D|@]|E|$K|L]]|$1|R|3|S|5|6|7|1D|8|@]|D|@$9|1E|A|1F|1|1G]]|E|$]]|$1|T|3|U|5|6|7|1H|8|@]|D|@$9|1I|A|1J|1|1K]]|E|$]]|$1|V|3|-4|5|6|7|1L|8|@]|D|@]|E|$]]]|W|$X|$5|Y|Z|10|E|$11|12]]|13|$5|Y|Z|10|E|$11|14]]]]

Although it is not available in GitHub as the question asks, I have discovered today if you add an <code>=</code> sign after the opening line, on some Markdown editors, it gives the desired result.
eg:
<pre><code>```javascript=
var s = &quot;JavaScript syntax highlighting&quot;;
alert(s);
```
</code></pre>
This works on Markdown editors such as <a href="https://hackmd.io/new" rel="noreferrer">HackMD</a>
See <a href="https://hackmd.io/EQrGZM7-Qz6xIFZiTZav8A?both" rel="noreferrer">your example</a> on HackMD

blocks|key|4427098|text|因此，您需要通过将css添加到html页面来帮助自己。当代码进入markdown中的<pre>+</pre>块时。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4427099|您可以将您的逻辑应用于此块，以将行号放在每一行上。|4427100|有关参考，请参阅https://codepen.io/heiswayi/pen/jyKYyg。|4427101|entityMap|0|LINK|mutability|MUTABLE|url|https://codepen.io/heiswayi/pen/jyKYyg^0|16|C|0|0|8|12|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|V|8|@]|D|@$9|W|A|X|1|Y]]|E|$]]|$1|J|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|K|$L|$5|M|N|O|E|$P|Q]]]]

So, you will need to help yourself by adding css to your html page. As a code goes into <code>&lt;pre&gt; &lt;/pre&gt;</code> block in markdown. 

You could apply your logic to this block to put line number against each line.

See <a href="https://codepen.io/heiswayi/pen/jyKYyg" rel="nofollow noreferrer">https://codepen.io/heiswayi/pen/jyKYyg</a> for reference.

blocks|key|4427354|text|我使用带有RMarkdown的RStudio来呈现我的Markdown+(.md)文件。它工作得很好。使用RMarkdown，规范是这样制定的：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4427355|​|4427356|```{.javascript+.numberLines+.lineAnchors}|code-block|syntax|javascript|4427357|var+s=+"JavaScript语法突出显示“；|4427358|警报；|4427359|4427360|4427361|是的，有很多markdown编辑器可用，我不确定这是否适用于所有的编辑器，但RStudio/RMarkdown是一个非常棒的工具，我很久以前就开始使用它了(IMHO)。|4427362|entityMap^0|11|3|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Z|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|10|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|11|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|12|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|J|7|13|8|@]|D|@]|E|$K|L]]|$1|R|3|G|5|6|7|14|8|@]|D|@]|E|$]]|$1|S|3|T|5|6|7|15|8|@]|D|@]|E|$]]|$1|U|3|-4|5|6|7|16|8|@]|D|@]|E|$]]]|V|$]]

I use RStudio with RMarkdown to render my Markdown (<code>.md</code>) files. It works great. Using the RMarkdown, the specification is made this way:
<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>```{.javascript .numberLines .lineAnchors}
var s = "JavaScript syntax highlighting";
alert(s);
```</code></pre>
</div>
</div>

Yes, there are many markdown editors available and I'm not sure that this will work with all the editors, but RStudio/RMarkdown is a really great tool, which I use since a long time ago (IMHO).

blocks|key|4427351|text|只需在您选择的语言后面添加一个=！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4427352|```java=|code-block|syntax|javascript|4427353|java代码示例：|4427354|int+i=5|4427355|4427356|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|O|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|P|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|Q|8|@]|9|@]|A|$]]|$1|K|3|-4|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

Just add an = after the language you choose !
<pre><code>```java=
java code exemple:
int i = 5
```java=
</code></pre>

I know I can use "code" in GitHub Flavored Markdown to highlight a code snippet. But I am not able to display line numbers for a snippet. Is there a way to do so?

<pre><code>```javascript
var s = "JavaScript syntax highlighting";
alert(s);
```
</code></pre>

I want a line number to be put at the beginning of each line, like this:

<pre><code>1 var s = "JavaScript syntax highlighting";
2 alert(s);
</code></pre>

How to display line numbers using GitHub Flavored Markdown "code"?

GitHub

我知道我可以使用GitHub风格的Markdown中的" code“来突出显示代码片段。但是我不能显示代码段的行号。有没有办法做到这一点？```javascriptvar s= "JavaScript语法突出显示“；警报；我希望在每一行的开头放一个行号，如下所示：1    var s = "JavaScript syntax highlighting";2    alert(s);

问如何使用GitHub风格的Markdown“代码”显示行号？
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用GitHub风格的Markdown“代码”显示行号？EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用GitHub风格的Markdown“代码”显示行号？
EN