如何在Blogger部落格中highlight你的程式碼

若要在Blogger部落格中將程式碼的內容highlight起來，可使用highlight.js

肉肉豬肉肉-版權所有不得轉載

使用方法：

1. 在Blogger的功能選單中選擇[主題]
2. 在網誌即時狀態下方點選編輯HTML
   
3. 在編輯區中找到HTML的body的結束標籤</body>
4. 在body的結束標籤的下一行插入以下內容
   

<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>



5. 之後只要撰寫文章時，在HTML編輯區撰寫以下，則所包夾的程式碼就會被highlight了。
   

<pre><code class="java">
  在這撰寫程式碼
</code></pre>

實際結果如下，語言為java

public class Main {

  public static void main(String[] args) {
    
    String str = "hello world";
    System.out.println(str);

  }

}

注意如果你的程式碼是標記語言，例如XML或HTML，則一些特殊符號如角括弧<> 因為是保留字，所以必須用其他方式替代，符號可參考Character Entity Reference Chart

如果不要有highlight的效果，則把class設為nohighlight，例如

<pre><code class="nohighlight">
  這邊的程式碼沒有highlight效果
</code></pre>

這邊的程式碼沒有highlight效果

參考來源