2016-03-21 3 views
18

私はgithubマークダウンでコードスニペットを強調表示するために "code"を使うことができます。しかし、私はスニペットの行番号を表示することができません。そうする方法はありますか?あなたがMarkdown Cheatsheetに気づいているように、GitHubにはで行番号を表示しませんgithub markdown "code"を使って行番号を表示する方法は?

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

おかげ

+0

あなたの質問に対する回答ではありませんが、あなたのReadme/wikiページに埋め込みGistを使ってみることができます。 http://stackoverflow.com/questions/11622509/github-how-to-embed-a-gist-into-readme-md – GabrielOshiro

+0

ここで解決策を見つけることができますか? – krv

+0

これはすばらしい特徴です。 – catbadger

答えて

7

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

私は行番号は各ライン嘘の最初にこれを置くことにしたいですコードブロック。

+0

この答えは、既に暗示されていたことを述べたからだと考えられます。しかし、私はそれらが正しいと思うし、docsリンクを持っていると便利です。 –

1

したがって、HTMLページにCSSを追加することで自分自身を助ける必要があります。コードは、マークダウンのブロック<pre> </pre>に入ります。

ロジックをこのブロックに適用して、各行に行番号を付けることができます。

参照のためにhttps://codepen.io/heiswayi/pen/jyKYygを参照してください。