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

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

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

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


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

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

效果如下:


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


相關文章

這個網誌中的熱門文章

【全聯PX Pay】儲值/首刷/銀行卡友日攻略+常見問題Q&A!

【證件遺失補辦】身分證/健保卡/駕照/行照/信用卡總整理

【所得稅繳納攻略】2019信用卡刷卡/分期活動+拆單教學!

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

【綜合所得稅攻略】2019所得稅有感降稅!重點變更+教學!

【超商懶人包】消費享10%回饋攻略+繳費取貨也能賺回饋?

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

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

【永豐銀行】想辦大戶被卡?永豐既有帳戶結清銷戶流程!

【永豐DAWHO攻略】申辦DAWHO帳戶/信用卡最佳申辦順序!