最新文章

LightBlog

2018/09/28

在Blogspot 顯示程式碼

資料來源: https://ryojaw.blogspot.com/2016/07/blogger-google-code-prettify.html

 HTML/JavaScript 小工具加入以下程式碼:


<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?skin=desert"></script> 
<style type="text/css">
li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 { list-style-type: decimal !important }
</style>




HTML 寫法如下:
<pre class="prettyprint linenums">
<code class="language-html">
你的程式碼...
</code>

特別注意的是,如果程式碼有 "&""<"">" 這三個符號,需將 "&" 轉換為 "&""<" 轉換為 "<"">" 轉換為 ">";若覺得麻煩,也可使用些線上轉換的小工具 Online HTML Encode/Decode 轉換完後再貼上。










沒有留言:

Adbox