タイトル通り

Syntax highlightのフォントがhighlight.jsのVS_2015を使用しているにもかかわらず(色は適用されている)、フォントがおかしかったので変更した。

具体的にしたこと

VS_code.cssを変更してもフォントが変わらなかったので、themeが原因だと思い, 全体からフォント名で検索した。 結局、assets/post-single.cssの.post-content codeが原因だったので

- font-family: Menlo, Monaco, 'Courier New', Courier, monospace;
+ font-family: Consolas, Monaco, monospace;

と書き換えた.

以前として残っている問題

なぜか=が赤色(#F92672)になる. (highlight.jsの仕組みを分かり切っていないので何とも言えないが) themeとhighlight.jsが衝突して挙動がおかしくなっている気がする。 2月以来themeとHugoのアップデートをしてないのでそろそろすべき。

今後のアップデートに備えて、デフォルトから改造した部分をまとめておくべきな気がした。

Hugoのデフォルトのハイライトについて

Hugoにもデフォルトのsyntax highlight chromaがある。 個人的にVS Codeに似たハイライトのあるHLJSを使っているが、不具合が残るならchromaに映ってもいいかもしれない。 (以前テストブランチで適用していたが記録が残っていない.)

追記:
chromaを使ったブランチでもフォントは修正できた。 しかし、=や+が赤色なのには変わりがなかった。 非常に見づらいので、何とかしたい (現状、対処療法的にGistを使用している。)

あと、後から見返しやすいようにcode highlightタグを作った。