Blogger 方便快速套用貼程式碼的方法：覆寫 Blogger 的 Quote 樣式

之前在使用 Blogger 貼程式碼的時候，都會手動切換到 HTML 編輯模式，然後插入下面語法：

<pre class="codeblock">
</pre>

這段標記會搭配我事先在 Blogger 準備好的 CSS 樣式：

.post .codeblock {
background-color: #eeeeee;
border: 1px dashed #999999;
color: black;
font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace;
font-size: 12px;
line-height: 14px;
overflow: auto;
padding: 5px;
width: 100%;
}

就成了之前大家看到的樣子。

但這種「手動切換到HTML 編輯模式，再手動找到程式碼，然後插入對應語法」的方式實在嚴重違反程式設計師的三大美德[1]之一的懶惰原則。本來想說看有沒有辦法在 Blogger 編輯模式下新增自己的小工具，後來乾脆心一橫直接覆寫原本 Quote 按鍵的樣式（反正我很少用到 Blogger 提供給我的樣式）。作法其實很簡單，也是事先準備好 CSS 範本就好，只要注意有使用到關鍵字 blockquote 即可[2]：

blockquote {
background-color: #eeeeee;
border: 1px dashed #999999;
color: black;
font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace;
font-size: 12px;
line-height: 14px;
overflow: auto;
padding: 5px;
width: 100%;
}

之後每次貼上程式碼後，只要用滑鼠選好區域，按下 Blogger 提供的 Quote 按鍵，就會套用我原本慣用貼程式碼的樣式了。

方便多了；寫文章就是要行雲流水才爽啊！Bravo!

[1] 設計師美德：懶惰、不耐煩、驕傲 - Programming Perl, Larry Wall
[2] 可參考：https://www.nosegraze.com/how-to-style-blockquotes/