如何使用 GitHub Flavored Markdown“代码”显示行号?

问题描述 投票:0回答:8

我知道我可以在 GitHub Flavored Markdown 中使用“代码”来突出显示代码片段。但我无法显示片段的行号。有办法做到吗?

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

我想在每行的开头放置一个行号,如下所示:

1    var s = "JavaScript syntax highlighting";
2    alert(s);
github-flavored-markdown
8个回答
44
投票

您可能会在 Markdown Cheatsheet 中注意到,GitHub 不会在代码块中显示行号。


6
投票

您可以使用

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

之间
```scala
<your code here>
```

6
投票

虽然问题所问的那样在 GitHub 中不可用,但我今天发现如果在某些 Markdown 编辑器上在开头行后添加

=
符号,它会给出所需的结果。

例如:

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

这适用于 Markdown 编辑器,例如 HackMD

请参阅 HackMD 上的您的示例


5
投票

因此,您需要通过向 html 页面添加 css 来帮助自己。当代码进入 Markdown 中的

<pre> </pre>
块时。

您可以将逻辑应用到此块,以在每行上放置行号。

参见 https://codepen.io/heiswayi/pen/jyKYyg 以供参考。


5
投票

作为黑客,您可以在 https://carbon.now.sh 保存代码图片并发布;他们支持行号作为选项。


5
投票

我使用 RStudio 和 RMarkdown 来渲染我的 Markdown (

.md
) 文件。效果很好。使用 RMarkdown,规范是这样制定的:

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

是的,有很多可用的 Markdown 编辑器,我不确定这是否适用于所有编辑器,但 RStudio/RMarkdown 是一个非常好的工具,我很久以前就在使用它(恕我直言)。


-4
投票

只需在您选择的语言后添加 = 即可!

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

-7
投票

现在这是在 Markdown 中添加行号的解决方案。

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

您可以通过添加 line-numbers 来启用代码块的行号 类。

© www.soinside.com 2019 - 2024. All rights reserved.