WLW外掛《CodeSnippet》利用WLW在文章中插入程式源碼框

我想現在大部份人在寫部落格文章時,除了利用部落格後台之外,使用最多的軟體應該就是WLW(Windows Live Writer),不過有時候在寫一些教學文章可能會加入一些程式源碼,如果自身部落格沒有使用一些源碼框的外掛,就只能用內建的quote框起來,最近找到一個WLW的外掛《CodeSnippet》讓我們可以直接在WLW裡使用源碼框,非常的實用。

   1: #headmenu a {
   2:         border: 3px double #E6E6E6;
   3:         color:#3D3D3D;
   4:         background:#FFF;
   5:         font-size:20px;
   6:         padding:3px 10px 0px 10px;
   7:         margin:3px;
   8:         line-height:21px;
   9:         font-weight:bold;
  10:         }

以後想要使用像上面這樣的源碼框可以直接在wlw裡套用,不用在部落格裡使用外掛或修改任何程式囉。

 

CodeSnippet:

官方網站:http://wlwplugincollection.codeplex.com/
軟體版本:v2.0.0

軟體下載:

進入到官方網站後,點擊Downloads頁面,再點擊下面的連結進行下載,下載後直接安裝即可(當然你要先安裝後WLW才能使用)。

01

 

使用介紹:

開啟WLW之後,如果文章寫一寫想插入程式源碼的話,點擊上面的插入→Code Snippet

02

 

然後會出現這樣的視窗,將你要插入的程式源碼貼在上方的欄位,下方會出現源碼框預覽,然後再點擊『Insert』就可以插入到文章。

03

 

插入後的樣子就像這樣,是不是很方便呢?

04

 

而這四個按鈕可以調整源碼框的基本樣式,就不多做說明,按一下就知道囉。

05