讓Blogger顯示code程式碼

紀念一下成功讓code顯示在blogger上，直接附上步驟 follow the steps :)

Step 1:

Google Code Prettify ---> 請點選這個網址，非常感謝這位作者

看得懂英文可以詳細了解一下，沒有點進去也沒關係，可以照以下步驟完成


Step 2:

在Blogger後台選取"版面配置"，然後新增"小工具"

Step 3:

選擇HTML/JavaScript，按下+

Step 4:

在內容裡面貼以下串:

<script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script>

Step 5:

編輯內文時，在以下代碼之間插入要顯示的代碼塊

1.  <pre class="prettyprint">...</pre>

2. <code class="prettyprint">...</code>

Ex:

<pre class="prettyprint"> 

    System.out.println("Hinaisbestgirl");

    System.out.println("Sasugasensei");

</pre>

*如果想加入行數，可以這樣做:

<pre class="prettyprint linenums"> 

插入 linenums

* 其他種類的主題樣式

themes gallery           ----> 點選這個選擇喜歡的

複製好之後貼在

<script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script>

這串上面，別忘了加上<style>、</style>

EX:

<style> (複製的主題) </style> <script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script>