AI News HubLIVE
站内改写1 分钟阅读

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组件标准的普及,这类工具可能会成为未来网站开发中的常见元素。