---
id: 20260708-T0-14
title: "GitHub-Code Web组件：直接嵌入GitHub代码片段"
title_en: "GitHub-Code Web Component Embeds Code Snippets from GitHub Repos"
url: https://ai.daily.yangsir.net/daily/20260708-T0-14
issue_date: 2026-07-08
publish_date: 2026-07-07T16:18:16.000Z
category: tools
source_name: "Simon Willison"
source_url: https://simonwillison.net/2026/Jul/7/github-code-component/#atom-everything
---

# GitHub-Code Web组件：直接嵌入GitHub代码片段

Simon Willison 开源了一个实验性 Web 组件 github-code，能直接将 GitHub 仓库中的代码文件嵌入到网页中。该组件将 GitHub URL 自动转换为 raw.githubusercontent.com 的原始内容并渲染。基于 GPT-5.5 辅助生成，适合开发者快速在博客或文档中展示代码示例，无需手动复制粘贴。

## English Version

**GitHub-Code Web Component Embeds Code Snippets from GitHub Repos**

Simon Willison open-sourced an experimental Web Component called github-code that embeds code files from GitHub repositories directly into web pages. It automatically converts GitHub URLs to raw.githubusercontent.com content for rendering. Built with assistance from GPT-5.5, it helps developers showcase code snippets in blogs or docs without manual copying.

---

**来源**：[Simon Willison](https://simonwillison.net/2026/Jul/7/github-code-component/#atom-everything)

**详情页**：https://ai.daily.yangsir.net/daily/20260708-T0-14

---

*智语观潮 · Daily — https://ai.daily.yangsir.net/llms.txt*