Skip to content

提取 GitHub OpenGraph 图片用于卡片预览

Published: at 19:51

之前在博客分享 GitHub 的时候,一直都使用的是 GitHub Repository Card 来分享,但是对中文支持不好,不支持换行。

ccbikai/cloudflare-worker-image - GitHub

原计划使用 @vercel/og 来自己重新搞一个,偶然在 Twitter 发现 GitHub 提供的 Open Graph 图片信息很全,也很漂亮。就写了个脚本提取出来用于博客预览。

效果演示

nasa/fprime - GitHub

A framework for building Open Graph images

GitHub 提供的 Open Graph 除了仓库有之外,还支持 Issue、Pull Request、Discussion、Commit 等模块的预览。

使用方法

在任意 GitHub 页面修改 .com.html.zone

比如 https://github.com/vercel/next.js => https://github.html.zone/vercel/next.js

预览

Repo

Repo

Issue

Issue

Pull Request

Pull Request

Discussion

Discussion

Commit

Commit

源码

代码已经分享在 GitHub,有兴趣的可以自己探索。

ccbikai/github-og-image - GitHub


Previous Post
DNS.Surf - 检测域名在全球的 DNS 解析结果
Next Post
使用 Vercel Edge 处理图片