如何使用 GitHub 风味标记“代码”显示行号？

我知道我可以在 GitHub 风味标记中使用“代码”来突出显示代码片段。但是我不能显示代码片段的行号。有办法吗？

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

我希望每行的开头都有一个行号，像这样:

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

59296 次浏览

小开

正如您可能在降价备忘录中注意到的，GitHub 不在代码块中显示行号。

小开

因此，您需要通过将 css 添加到您的 html 页面来帮助自己。作为代码进入 <pre> </pre>块的标记。

您可以将您的逻辑应用到这个块中，将行号放在每一行上。

小开

下面是在 Markdown 中添加行号的解决方案。

可以通过添加 < strong > line-number 为代码块启用行号同学们。

小开

作为一种技巧，您可以将代码的图片保存在 https://carbon.now.sh并发布; 它们支持行号作为一个选项。

小开

您可以使用 awk '{printf("% 4d %s\n", NR, $0)}' StartDsl.scala获得所需的类似内容，其中 StartDsl.scala 是您的源代码文件。将结果粘贴到

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

小开

尽管在 GitHub 中没有这个功能，但是我今天发现，如果在开始行之后添加一个 =符号，在一些 Markdown 编辑器上，它会得到所需的结果。

例如:

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

这适用于诸如 HackMD之类的 Markdown 编辑器

在 HackMD 上查看你的榜样

小开

只要在您选择的语言后面添加一个 = 就可以了！

```java=
java code exemple:
int i = 5
```java=

小开

我使用 RStudio 和 RMarkdown 来呈现我的 Markdown (.md)文件。效果很好。使用 RMarkdown，规范是这样制定的:

```{.javascript .numberLines .lineAnchors}
var s = "JavaScript syntax highlighting";
alert(s);
```

是的，有许多降价编辑器可用，我不确定这将工作与所有的编辑器，但 RStudio/RMarkdown 是一个真正伟大的工具，我使用了很久以前(恕我直言)。