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

  1. 請問~
    我有安裝WLW
    然後也安裝了CodeSnippest
    可是我按插入時他跟我說找不到檔案欸
    怎麼辦???

    阿湯說:

    怪了,你可以截一下畫面嗎

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *