[Blogger筆記] 用Google Code Prettify在Blogger貼出程式碼
所以過去我都是用github的gist
不過那種作法其實在文章的修改上蠻不方便的
所以這次重寫範本時就決定用Google Code Prettify來取代
Step #1 設定
插入以下code
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>除了我目前使用的預設主題外
google還提供了另外4種主題(全都是深色系)
透過skin=來更換
例如要套用sunburst主題, code就要改成
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?skin=sunburst"></script>
Step #2 使用
將要顯示的code放在下列兩種語法中間
<pre class="prettyprint"> 程式碼... </pre>或是
<code class="prettyprint"> 程式碼... </code>*如果code有使用到<或是>之類的符號必須要先經過轉碼
About Sean Chaox
很好，看到有很多theme :D
回覆刪除不錯
不過你url "?skil" 多了一個 "=" 留意哦
感謝提醒🙏
刪除