網誌配置：如何輸入程式碼

0.先加入一個小工具，類型是:javascript
1.小工具程式碼： 
  1. <style type='text/css'>
  2.     /* Main Box */
  3.     .pre-highborder{
  4.         border: 1px solid #ff0000;
  5.         padding: 3px 3px 3px 0;
  6.     }
  7.     pre.prettyprint, code.prettyprint {
  8.         border-radius: 8px;
  9.         -moz-border-radius: 8px;
  10.         -webkit-border-radius: 8px;
  11.         padding: 5px;
  12.      overflow: auto;
  13.         background-color: #eee !important;
  14.         color: black;
  15.         box-shadow: 0 0 5px #999;
  16.         -moz-box-shadow: 0 0 5px #999;
  17.         -webkit-box-shadow: 0 0 5px #999;
  18.     }
  19.     /*font*/
  20.     pre span, code span {
  21.         font-family: 'Consolas', 'Courier New', 'Microsoft JhengHei', sans-serif !important;
  22.         font-size: 22px !important;
  23.     }
  24.     /*each line*/
  25.     li.L0, li.L1, li.L2, li.L3, li.L4, li.L5, li.L6, li.L7, li.L8, li.L9 {
  26.         margin: 0 !important;
  27.         padding: 2px 0 2px 4px !important;
  28.         list-style-type:decimal !important;
  29.         border-left: 1px solid #999;
  30.     }
  31.     /*even line*/
  32.     li.L1, li.L3, li.L5, li.L7, li.L9 {
  33.         background-color: #f6f6f6 !important;
  34.     }
  35.     /*odd line*/
  36.     li.L0, li.L2, li.L4, li.L6, li.L8 {
  37.         background-color: #FFF !important;
  38.     }
  39.     /*line-number background color*/
  40.     ol.linenums {
  41.         background-color: #eee;
  42.         margin-left: 20px;
  43.     }
  44.     </style>
  45.      
  46.     <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
2.HTML模式
3.在這中間貼上排版好的程式碼
<pre class="codeblock prettyprint linenums:1">
...code...

</pre>

記得先Encode程式碼!

留言

張貼留言