2012年2月5日

在網頁中嵌入顯示程式碼:Pastie


 
(2012.02.05更新)
全系列顯示效果比較已完成,可參考:
在網頁中嵌入顯示程式碼:全系列效果比較及教學整理
選擇自己較想要的效果後再進入單篇文章看每種外掛的設定教學。

在前三篇中已介紹了不同的嵌入顯示程式碼的方式,
分別是用 HighLightCSS BlockGoogle Code Prettify 來達成,
但他們的設定可能都需要一些步驟,比較麻煩。

在現在什麼都講求網路化、雲端化的時代,
連 PDF、PPT、Word 都已經可以被放在網路上了,
(請參考 Scribd:將PDF、PPT、DOC嵌入放上BLOG)
要將程式碼放上網路再嵌入至部落格文章中當然也是輕而易舉,
這篇我們要介紹的就是 Pastie 這個網站。


使用的方式因為太簡單了我就不截圖教學了,
進入網站後可以直接貼上程式碼,
並於右上角選擇你的程式語言是什麼(這會影響語法顏色),
接著按下右下角的 paste,也可以上鎖!

按下後便產生一串網址,網址可以直接跟別人分享,
這樣別人就可以看到我們的程式並馬上與我們討論,相當方便。
一樣在右上角可以選擇不同的顏色組合,挑選自己想要的話,
在右方 Embed 處可以複製 script 語法,
將語法貼到文章中就可以成功顯示囉!

效果如下:


關鍵字:程式碼, 顯示, 網頁, 文章, 內嵌, 嵌入, 放入, 部落格, blog, blogger, css, 總整理, 推薦, 教學, 語法, 上色


更多精選推薦文章