Home

2018年8月10日 星期五

使用 highlight.js 讓 blogger 顯示程式碼

From: Polin Wei

在 Blogger 後台, 選 主題 然後按 編輯HTML, 在<head>...</head>
中增加
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css"/>

<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>

<script>hljs.initHighlightingOnLoad();</script>

日後要展示程式碼的部分,先在撰寫貼上程式碼,轉到HTML模式,用
<pre><code class="html">...</code></pre>
把程式碼包起來。

沒有留言:

張貼留言