开发者用 GPT-5.5 做出网页组件,一行标签嵌入 GitHub 代码

Simon Willison 用 GPT-5.5 做了个实验性网页组件,只写一个自定义标签就能把 GitHub 上的代码片段嵌到网页里。

开发者 Simon Willison 分享了一个实验性的「网页组件」(Web Component,浏览器原生支持的可复用自定义标签),用来把 GitHub 上的代码嵌到自己的网页里。这个组件是他借助 GPT-5.5 生成的,他给的要求很直白:做一个能嵌入 GitHub 代码的网页组件。

用起来只需要写一行标签,比如 <github-code href="...">,把 GitHub 上某个文件、某段代码行的链接填进去。组件会自动把这种普通的 GitHub 文件链接,转换成对应的 raw.githubusercontent.com 原始文件地址,再用浏览器的 fetch() 方法(网页发起网络请求、拉取数据的标准手段)去抓取内容,然后只显示你指定的那几行代码。

显示效果上,它会带上行号,但不做语法高亮(也就是不给关键字、字符串等上色区分)。Simon 在提示里还让模型顺便打开一个预览浏览器,方便他直接看到效果,并把成品嵌在了自己的博客页面上。

这只是一个实验性的小工具,来自 Simon Willison 的个人博客。