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,可協助線上轉換

這個網誌中的熱門文章

線上看 CAD 圖檔 DWG, DWF 的網站

VirtualBox 橋接介面卡 未選取/無法選取 故障排除

Windows 10 網路磁碟機 網路芳鄰 無法存取...