Home blogger tool highlightjs 在Blogger 使用 highlight.js

在Blogger 使用 highlight.js

by Kai Wu 下午6:11:00

Read

blogger tool highlightjs

下午6:11:00

前面寫了幾篇文章後對於code highlight 很頭痛，於是找到了這個highlightjs

官網 GIT

先簡單的說一下安裝在admin頁面後先打開範本 - > 編輯html 拉到最後的


  </body>
</html>

把下面的code貼上


<link href='///cdnjs.cloudflare.com/ajax/libs/highlight.js/9.1.0/styles/tomorrow-night-eighties.min.css' rel='stylesheet' type='text/css'/>
<script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.1.0/highlight.min.js' type='text/javascript'/>

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

之後在寫文章時在HTML哪邊:

<pre><code class="javascript" <---這個可以改成各種你要的語言 >

中間放你要寫的code

</pre></code>

補上 https://cdnjs.com/libraries/highlight.js/ 可以找到最新版本的CDN
目前已經到9.10.0
還可以外加一些其他語言程式的HighLight ~ Apache Go SQL 等等的
可以到這邊看他的程式語言支援