Skip to content

kidow/dynami-sign

Repository files navigation

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을 넣으면 자동으로 이미지가 반영됩니다.

<html>
    <head>
        ...
        <meta property="og:image" content="https://dynamisign.com/api/sign">
        <meta property="twitter:image" content="https://dynamisign.com/api/sign">
        ...
    </head>
</html>

확인

참고

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

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

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

About

Dynamic Open Graph Image Maker 오픈그래프 이미지 동적 생성기

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages