Google Code Prettify：程式碼上色工具
撰寫網路文章時，如果是技術類時，往往許要寫 code，使用 Google Code Prettify 就能快速將 code 美化。
網站名稱：Google Code Prettify
網站網址：https://code.google.com/archive/p/google-code-prettify/
網站網址：https://code.google.com/archive/p/google-code-prettify/
安裝步驟
STEP 1
載入run_prettify.js
<script src="js/lrun_prettify.js"></script>
STEP 2
把要上色的程式碼用 class="prettyprint" 的 pre 標籤包起來：
<pre class="prettyprint">
...
</pre>
STEP 3
標記行號，可以增加一個 linenums 類，如果程式碼不是在第一行，可以增加一個冒號和一個行號，如 linenums:4。
<pre class="prettyprint linenums">
...
</pre>
STEP 4
如果不喜歡預設的風格，可以修改 Google Code Prettify CSS 樣式。
網站名稱：COLOR THEMES FOR GOOGLE CODE PRETTIFY
網站網址：https://jmblog.github.io/color-themes-for-google-code-prettify/
網站網址：https://jmblog.github.io/color-themes-for-google-code-prettify/
Google Code Prettify 不需要指定你所撰寫的語言，它會自動判斷，還有請注意，Google Code Prettify 不能在 WordPress 上運行。
codepen
實際效果。
Google Code Prettify TEST
