configの設定からHugoで表示するコードに番号を表示する

2020-2-18 | 2020-5-14 | 2 min read

この記事は、1年間更新されておりません。

以前

昔（v0.60.0 以前）はソースコードに行数を入れるには、以下のような記述が必要でした。

1
2
3
{{< highlight go "linenos=table,hl_lines=8 15-17,linenostart=199" >}}
// ... code
{{< / highlight >}}

今

今は以下の config（config.toml）を設定しておくことで、バッククォート（`）だけのコードでも行数が付くようになってます。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
[markup]
  [markup.highlight]
    codeFences = true
    guessSyntax = false
    hl_Lines = ""
    lineNoStart = 1
    lineNos = false
    lineNumbersInTable = true
    noClasses = true
    style = "monokai"
    tabWidth = 4

意味を乗っけておくと、

Name	Description
codeFences	syntaxHighlight を使うかの設定。
guessSyntax	書かれている言語を推測してハイライトするかの設定。
hl_Lines	highLight する範囲の設定で、monokai だと黄色くなる。書き方は"8 10-17"みたいな感じ。
lineNoStart	最初の行カウントを何にするかを決められる。普通は 0 か 1 だと思う。
lineNos	行数つけるかを決める。
lineNumbersInTable	行数とコードを html として、別のブロックで分けるかを決める。`true`にしているとコピペがしやすい。ただ横幅が`false`の設定のときよりやや長くなる。
noClasses	スタイル指定をクラスで行うかを決める。
style	何のスタイルを使うかを決める。
tabWidth	tab 幅。2 か 4 で迷う。

My 設定

最後に自分の設定乗っけておきます。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
[markup]
    [markup.highlight]
        codeFences = true
        guessSyntax = true
        hl_Lines = ""
        lineNoStart = 1
        lineNos = true
        lineNumbersInTable = true
        noClasses = true
        style = "monokai"
        tabWidth = 4

Contents

以前

今

My 設定

参考

Tags

Recent posts

Docker上のRailsアプリをVSCodeのデバッグを用いると、VSCodeのデバッグ行がハイライトされない

Stylusを使ってChatWorkのデザインを変更した

gitのデフォルトブランチを試した

ElixirのPhoenixフレームワークで利用されているbrunchとは

kasperskyが入っているMacでhomebrewなどのパッケージ管理ソフトを使いinstallするとエラーがでる問題を解決した

Related posts

github-actions上でbuildした際、lastmodの更新がすべての記事に適用される問題を解決した

Github-Actionsでhugoのデプロイを自動化してみた

Hugoで一度publishしてしまったファイルをデプロイ時に消す

Hugoで記事が一年以上過ぎた場合はnoticeを表示するようにした

hugoの.GitInfoが適応された話(理由は不明です…)

Archives