GitHub 程式碼嵌入 Web Component:GPT-5.5 實驗性專案
Simon Willison 開發了一個使用 GPT-5.5 的 Web Component,用於嵌入 GitHub 代碼,展示了 AI 在網頁開發中的具體應用。
• Simon Willison 介紹了一個實驗性的 Web Component,名為 github-code,它是由 GPT-5.5 透過特定提示所開發。
• 此元件主要功能是將 GitHub 上的程式碼片段 嵌入到任何網頁中。
• 使用者只需提供 GitHub 程式碼檔案的 URL(例如 https://github.com/...#L9-L18),元件便會自動處理。
• github-code 會將原始連結轉換為 raw.githubusercontent.com 的 URL,然後使用 fetch() 擷取內容。
• 它能夠根據指定範圍顯示程式碼的特定行數,並附帶 行號。
• 值得注意的是,目前此元件 不支援語法高亮 功能。
• 透過簡單的 <github-code> 標籤,即可輕鬆在網頁上展示來自 GitHub 的程式碼內容。
來源:Simon Willison
閱讀原文 ↗