项目作者: kidow

项目描述 :
Dynamic Open Graph Image Maker 오픈그래프 이미지 동적 생성기
高级语言: TypeScript
项目地址: git://github.com/kidow/dynami-sign.git
创建时间: 2021-06-15T11:04:45Z
项目社区:https://github.com/kidow/dynami-sign

开源协议:

下载


DynamiSign

thumbnail

DynamiSign은 동적으로 Open Graph Image를 만들 수 있는 기능을 제공합니다.
title과 description을 파라미터로 받으면, 그에 따라 이미지의 내용이 변경됩니다.

예시

eg

URL

사용법

해당 이미지는 다음과 같은 주소로 만들어 집니다.

https://dynamisign.com/api/sign?t=\${title}\&d=${description}

html meta tag 중 og:image 혹은 twitter:image를 속성값으로 주고 content 에 해당 url을 넣으면 자동으로 이미지가 반영됩니다.

  1. <html>
  2. <head>
  3. ...
  4. <meta property="og:image" content="https://dynamisign.com/api/sign">
  5. <meta property="twitter:image" content="https://dynamisign.com/api/sign">
  6. ...
  7. </head>
  8. </html>

확인

참고

https://github.blog/2021-06-22-framework-building-open-graph-images/

https://github.com/vercel/og-image

폰트: https://github.com/orioncactus/pretendard