賈維斯的智慧工坊

  • Home
  • About
  • Note
  • Project
  • Experience
  • Service
  • Sitemap


MY | NOTES

  1. 首頁
  2. >
  3. 筆記
  4. >
  5. 網頁設計

[HTML/GitHub]
嵌入程式碼到網頁


Apr, 2016
在紀錄自己的作品或筆記時,都會用到許多程式碼

嵌入的範例:這篇
我原本是使用pre tag(上半段藍字)
現在改用Github Gist(下半段框框)

使用步驟

1、申請Github帳號

網站連結:Github Gist
不申請也可以用,但為了方便管理(尋找或刪除),建議先登入再使用

2、複製內容


貼上程式碼,檔名要附上副檔名
這樣下方的程式碼才會依據不同的tag顯示不同顏色
根據自身需求,選擇secret或public gist

3、嵌入網頁


找到上方的Embed,直接將整段script貼進你的網頁想呈現的位置即可
點選Edit也可以輕易編輯修正內容


← Back to note