Blogger 中插入程式碼
玩了 RouterBoard 之後,開始有寫 script 程式的需求
想到了常常看到在很多人的部落格中,有個程式碼的框框,方便後續閱讀或是複製
找到一篇文章:在Blogger中插入簡單好讀的程式碼片段(二)
這邊也做個筆記,方便日後查找修改
先到 主題 > 編輯HTML 中,在 </head> 前面插入下面代碼
<script src="//google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
之後在 版面配置 > 主題設計外觀 > 進階 > 新增 CSS 中,貼入下面代碼
.post .code { display: block; /* fixes a strange ie margin bug */ font-family: Courier New; font-size: 10pt; overflow:auto; background: #f0f0f0 url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAASwCAYAAAAt7rCDAAAABHNCSVQICAgIfAhkiAAAAQJJREFUeJzt0kEKhDAMBdA4zFmbM+W0upqFOhXrDILwsimFR5pfMrXW5jhZr7PwRlxVX8//jNHrGhExjXzdu9c5IiIz+7iqVmB7Hwp4OMa2nhhwN/PRGEMBh3Zjt6KfpzPztxW9MSAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzB8HS+J9kUTvzEDMwAAAABJRU5ErkJggg==) left top repeat-y; border: 1px solid #ccc; padding: 10px 10px 10px 21px; max-height:200px; line-height: 1.2em; }
之後在編輯時候,只需要再加上這段即可
<pre class="code prettyprint"> 貼上想要顯示程式代碼 </pre>
整個顯示的結果如下:
:local ddnsuser "CHANGEIP_USERNAME" :local ddnspass "CHANGEIP_PASSWORD" :local ddnshost "CHANGEIP_YOUR_DOMAIN_NAME" :local ddnsinterface "WAN_INTERFACE" :global ddnslastip :global ddnsip [ /ip address get [find interface=$ddnsinterface disabled=no] address ] :if ([ :typeof $ddnslastip ] = nil ) do={ :global ddnslastip 0.0.0.0/0 } :if ([ :typeof $ddnsip ] = nil ) do={ :log info ("DDNS: No ip address present on " . $ddnsinterface . ", please check.") } else={ :if ($ddnsip != $ddnslastip) do={ :log info "DDNS: Sending UPDATE!" :log info [ /tool dns-update name=$ddnshost address=[:pick $ddnsip 0 [:find $ddnsip "/"] ] key-name=$ddnsuser key=$ddnspass ] :global ddnslastip $ddnsip } else={ :log info "DDNS: No change" } }
另外還有一個網站:Blogger Ad Code Converter,可協助線上轉換