github-code Web組件
Simon Willison使用GPT-5.5構建了一個實驗性的Web組件,名為github-code。該組件可以將GitHub代碼鏈接轉換為raw.githubusercontent.com的URL,並通過fetch()獲取並顯示指定行範圍的代碼,帶有行號但無語法高亮。
近日,Simon Willison發佈了一個實驗性的Web組件——github-code。該組件由GPT-5.5根據一段提示詞自動生成,旨在簡化在網頁中嵌入GitHub代碼片段的過程。其核心功能是:接收類似GitHub blob的URL,自動將其轉換為對應的raw.githubusercontent.com鏈接,然後通過fetch()獲取原始文件內容,並僅顯示用户指定的行號範圍。
值得注意的是,該組件目前僅顯示行號,而不提供語法高亮功能。Willison通過一個示例展示了其用法:使用<github-code>標籤並指定href屬性,即可在頁面中嵌入代碼片段。這一工具對於開發者撰寫技術博客或文檔時引用代碼尤為實用,因為它無需手動複製代碼,也避免了維護同步更新的問題。
雖然該組件尚處於實驗階段,但它展示了AI輔助編程的潛力——僅通過自然語言描述,GPT-5.5就能生成一個功能完整的Web組件。Willison將完整源碼託管在GitHub上,供社區測試和改進。隨着Web組件標準的普及,這類工具可能會成為未來網站開發中的常見元素。