自定義code-prettify

code-prettify有五種主題：code-prettify，但是這五種樣式自己看起來還是不太習慣，試試看自己調整，點進去每個主題都會看到該主題的css，

複製起來，針對後面註解的項目更改想要的顏色，當然，如果知道該class名稱，也是可以新增更改的，稍微調整一下就可以貼在部落格小工具(HTML/JavaScript)裡了，

第一行還是要加入code-prettify的主要js並帶入主題skin，然後用style標籤把它覆蓋，聽起來不是很聰明，但是目的達到了，以後再找找看有沒有優雅的方法。

下面是正在用的css，自己看起來比較習慣。

<style>
pre.prettyprint {
  padding: 10px;
  background-color: #0e0e0e;
  border-radius: 8px;
  display: block;
  box-sizing: border-box;
}
pre .nocode {
  background-color: none;
  color: #000
}
pre .str {
  color: #ce9178
}
pre .kwd {
  color: #9cdcfe;
  font-weight: normal
}
pre .com {
  color: #659755
}
pre .typ {
  color: #98fb98
}
pre .lit {
  color: #c586c0
}
pre .pun {
  color: #fff
}
pre .pln {
  color: #d7ba7d
}
pre .tag {
  color: #569cd6;
  font-weight: normal
}
pre .atn {
  color: #9cdcfe;
  font-weight: normal
}
pre .atv {
  color: #ce9178
}
pre .dec {
  color: #98fb98
}
ol.linenums {
  margin-top: 0;
  margin-bottom: 0;
  color: #AEAEAE
}
.post-body {
  line-height: 22px;
}
</style>

另外，如果要讓程式碼顯示行數，只要在class中加上linenums即可，它是預設每五行顯示。如下

<pre class="prettyprint linenums">
// code
</pre>