【未解決】如何在 Google Blogger 中貼程式碼

原來是用 CSS 的方式,不是很懂,就記錄一下步驟吧


設計 進入範本



自訂 進入設計工具


進階 進入細部設定


Add CSS,在右邊貼上從 在Blogger文章中插入程式碼 借來的程式碼

.post pre {
  border: 1px solid #CCCCCC;
  color: #333333;
  display: block;
  font-family: Courier New;
  font-size: 10pt;
  line-height: 120%;
  margin: 5px 0 0 20px;
  max-height: 800px;
  overflow: auto;
  padding: 10px 10px 10px 21px;
  width: 90%;
}

最後再按 套用至網誌 就可以了

之後就可以在 <pre> 標籤中貼上格式化的程式碼了,例如


#include <myapp.h>

void main(void)
{
 while (1) // 程式主迴圈
 {
 }
}

在程式中如果有 < > 等符號,就要轉換成 &lt; 與 &gt;

如果懶得手動,也可以到 HTML Encoder 網站上去轉換

報告完畢

PS : 程式碼的 Tab 似乎不會被保留,所以 CSS 的內容還需要再 Google 一下了

留言

這個網誌中的熱門文章

Linux 批次檔的寫法

【分享】如何顯示 Debug Message

[分享] Visual Studio 遠端偵錯