How to display line numbers using GitHub Flavored Markdown “code”?

Question

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?

```javascript
var s = "JavaScript syntax highlighting";
alert(s);
```

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

1    var s = "JavaScript syntax highlighting";
2    alert(s);

Answer 1

As you may noticed in Markdown Cheatsheet, GitHub does not show line numbers in code blocks.

Answer 2

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

Answer 3

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

```scala
<your code here>
```

Answer 4

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

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

See https://codepen.io/heiswayi/pen/jyKYyg for reference.

Answer 5

Now here is the solution for adding line numbers in Markdown.

https://shd101wyy.github.io/markdown-preview-enhanced/#/markdown-basics?id=line-numbers

You can enable line number for a code block by adding line-numbers class.