fbpx

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

你可能對這些內容也有興趣

阿湯 作者:阿湯

對電腦 & 網路資訊充滿興趣與熱情、瘋了似的每日堅持發文,「阿湯」這個名字是由湯姆克魯斯而來的,雖然我沒有他帥氣,也不會演電影,但我會寫文章....

更多關於的文章》

4 個留言

  1. Avatar 大鐵表示:

    這個讚耶,我也是用 WLW。
    有這個貼程式碼就方便了說 ^^

    阿湯說:

    是呀~差很多

  2. Avatar J.Wen表示:

    他說的是這個吧,我好像也碰到了.. = =”

    http://pix.gogobox.com.tw/out.php?i=527046_.PNG

    阿湯說:

    我換了2台試裝,再試虛擬機器,都沒有這樣的情況…幫不了= =

  3. Avatar sodin表示:

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

    阿湯說:

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

發表留言 »

姓名(*)
信箱(*)