ソースコードのシンタックスハイライト

ソースコードをシンタックスハイライトする方法に関して、自分向けの備忘録。
ブログのソースコードに下記記述を入れる。

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.2/styles/atom-one-dark.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.2/highlight.min.js" type="text/javascript"></script>
<script type="text/javascript">hljs.initHighlightingOnLoad();

ブログに入れたいソースコードを<pre><code>...</code></pre>で囲む。
Verilogの例：

<pre><code>
always @(posedge clk) begin
    dout <= din;
end
</code></pre>

結果、このように表示される。

always @(posedge clk) begin
    dout <= din;
end