連結失效公告

近期部份連結失效,若大家發現連結無法使用,
可將連結文字 g.ewdna.com 取代為
storage.googleapis.com/ewgit/temp

例如原連結:https://g.ewdna.com/card/ubot-line.html
取代後為:https://storage.googleapis.com/ewgit/temp/card/ubot-line.html

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

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

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

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


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

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

效果如下:


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


相關文章

這個網誌中的熱門文章

【汽機車燃料費攻略】2020/109年度信用卡回饋/分期整理!

【玉山U Bear卡】網購3.8%超商5%娛樂影音20%回饋!

【信用卡排行榜】2020國內外必辦現金回饋信用卡推薦!

【永豐幣倍卡】權益更新!免換匯行動支付6%、最高9%!

【台新雙狗更新】@GoGo卡網購支付6%、FlyGo卡航旅6%!

【全家FamiPay/Fami錢包】新光寰宇10%+可繳費消費儲值!

【綜合所得稅攻略】2020所得稅重點變更+報稅節稅教學!

【永豐大戶DAWHO】現金回饋信用卡國內2%國外3%最高8%!

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