[Blogger小知識] 簡單4步驟教你在部落格中嵌入漂亮程式碼

工具介紹


簡單4步驟:

1.進入版面設置後,點選新增小工具


 2.選擇小工具 HTML/JavaScript




3.在內容輸入
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
,注意script標籤一定要加


4.要美化的程式碼用
<pre class="prettyprint">...</pre>  或  <code class="prettyprint">...</code> 包起來

恭喜完成囉!!

備註:
如果要顯示行數的話,加入<pre class="prettyprint linenums">即可,也可以設定第一行從幾號開始唷,例如:<pre class="prettyprint linenums:4">就是從第4行開始計算。

留言

這個網誌中的熱門文章

[PHP] 正規表達式 過濾特殊符號 / 過濾非字母數字的字元 / 過濾字母數字