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

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

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

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


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

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

效果如下:


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

這個網誌中的熱門文章

【銀行代碼查詢】3碼銀行代碼列表、7碼分行代碼查詢

【房屋稅繳納攻略】2024/113年度信用卡回饋/分期整理!

【博客來折價券】25/50/100/150現領現折+天天簽到換200+OP兩倍換!

【博客來折價券】博客來免費序號e-coupon分享(持續更新)

【Hami Video】免費Hami Video體驗/試用序號分享(隨時更新)!

【牌照稅繳納攻略】2024/113年度信用卡回饋/分期整理!