若要在Blogger部落格中將程式碼的內容highlight起來,可使用highlight.js
肉肉豬肉肉-版權所有不得轉載
使用方法:
- 在Blogger的功能選單中選擇[主題]
- 在網誌即時狀態下方點選編輯HTML
- 在編輯區中找到HTML的body的結束標籤
</body>
- 在body的結束標籤的下一行插入以下內容
- 之後只要撰寫文章時,在HTML編輯區撰寫以下,則所包夾的程式碼就會被highlight了。
<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>
<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效果
沒有留言:
張貼留言