如何用Windows Live Writer寫Blog

Windows Live Writer是一款免費的「寫作撰稿軟體」，它可以讓你「離線」編輯、管理部落格上的文章內容；Windows Live Writer相對的比同類工具更加優秀，它有好用的內容編輯介面和外掛附加功能，它可以直接連結你的圖床、影片庫，它能讓你同步管理、發佈多個部落格的文章，它也可以讓你從軟體端直接預覽文章發佈到部落格後的樣式

這一篇文章不是要教大家怎麼用，因為網路上已經有很多相關的文章教學。這一篇文章主要是關於設定的部分，告訴大家怎麼搭配各項工具與參數，讓我們在寫Blog的時候更輕易上手。

測試環境如下，同樣的方式應該也適用於其他的平台與環境

• Windows Live Writer
• Google Blogger
• Precode plugin for windos live writer

Install Windows Live Writer

到 Microsoft 官網上下載 windows live writer，安裝在 windows 電腦上。啟動程式以後，跟著畫面精靈將相關的部落格資料填入，應該就可以順利連結起來了。

Intall PreCode Plugin

如果像我一樣有需要將一些程式碼貼到 Blog 上的時候，常常苦惱程式碼排版的問題，這裡有一個很簡單的方式可以幫助你做 Syntax Highlight 的工作。

到 Precode 的網站，下載此 plugin，然後安裝在你的 windows 電腦上，安裝完成後重新啟動 windows live writer，你就會在 插入 –> 外掛程式 中看見，多了一個 PreCode Snippet 的選項，點開以後就會跳出一個視窗，就可以在新的視窗裡貼上程式碼。另外視窗中有提供一些選項可以玩玩看，最後按右上角的OK就會幫你把程式碼插入 Blog 頁面中了。

Modify HTML

到 Blogger 中的 範本 –> 編輯 HTML 中打開編輯 html 的視窗，在 </body> 的上面插入下面這一段 javascript script 。這是讓你的程式碼可以有Syntax Highlight 的效果。仔細看一下應該可以明白他是連到作者提供的 js file，幫你把程式碼做Hightlight。

Modify CSS

用 windows live writer 時，有一個地方非常困擾我，基本上寫文章的時候盡量使用軟體裡提供的 HTML 樣式，段落、標題1、標題2、標題3 等等，但是他的樣式長得非常奇怪，字型大小竟然沒有照著順序慢慢變小，有時候又變成斜體。

我的猜測是 Blogger 樣式裡面沒有強制定義這些特殊的 tag，因此可以自己手動定義一下，這樣可以比較容易遵循自己訂出的規則。可以在 Blogger 裡的 範本 –> 自訂 –> 進階 –> 新增CSS，增加自己的客製化的CSS。

h1 { font-size: 2em; margin: .67em 0 }
h2 { font-size: 1.5em; margin: .75em 0 }
h3 { font-size: 1.17em; margin: .83em 0 }
h4 { font-size: 1em; margin: 1.5em 0 }
h5 { font-size: .83em; margin: 1.5em 0 }
h6 { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4, h5, h6 { font-weight: bolder }