Skip to content

turn link to image, render headlines directly inside your news article's OG images.

Notifications You must be signed in to change notification settings

wanghaisheng/link-genious

 
 

Repository files navigation

submit api to rapid api to earn money

https://rapidapi.com/blog/how-to-monetize-your-api/

support github profile and repo url

https://vercel.com/docs/functions/edge-functions/og-image-generation

https://metatags.io/?url=https%3A%2F%2Fmp.weixin.qq.com%2Fs%2FRnIQChBqdFZPjL-cMJIAog https://vercel.com/docs/functions/edge-functions/og-image-generation/og-image-examples#using-an-external-dynamic-image

如果把它当做一个打水印的工具,用户输入自己的url,添加 盗版必究 ,由xxx赞助发布等等呢 放置引流二维码

自动移除url中www.

https://headlines-in-dynamic-github-repo-og.vercel.app/github.com/wanghaisheng/headlines-in-dynamic-github-repo-og 按域名 split之后,对于第二个元素检测是否,存在的话replace the https:// (or https://www.) portion

deployed url

https://og.cool/github.com/wanghaisheng/headlines-in-dynamic-github-repo-og

https://headlines-in-dynamic-github-repo-og.vercel.app/github.com/wanghaisheng/headlines-in-dynamic-github-repo-og

Introduction

OG.cool is a demo that shows you how you can display headlines directly inside your news article's OG image. Powered by @vercel/og.

Read the guide to learn more about how you can implement your own version: https://vercel.com/guides/displaying-article-headlines-in-social-previews

How it works

To try out OG.cool, all you need to do is replace the https:// (or https://www.) portion of the news article's URL with https://og.cool/.

Example:

The OG.cool URL will still redirect to the destination URL when a user clicks on it, but for bots like TwitterBot or SlackBot, they'll be shown an OG image with a nice headline in it (refer Examples section).

OG.cool currently supports the following publications:

  • New York Times
  • Wired
  • Techcrunch
  • github
  • other

Examples

New York Times

image

Try it for yourself: https://og.cool/nytimes.com/2023/08/23/climate/ocean-warming-fish.html (OG image preview)

Wired

image

Try it for yourself: https://og.cool/wired.com/story/adhd-adderall-video-games-endeavorrx/ (OG image preview)

About

turn link to image, render headlines directly inside your news article's OG images.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 94.6%
  • JavaScript 3.1%
  • CSS 2.3%