header source
my icon
esplo.net
ぷるぷるした直方体
Cover Image for OG Card Generator - Static Site Link Card Generation App

OG Card Generator - Static Site Link Card Generation App

about2mins to read

Introduction Video

https://www.youtube.com/watch?v=k6avQD1RerY

Overview

In services like Hatena Blog and Medium, when you insert an external page link, it is displayed in a card format, which is quite cool.

In static sites, it is difficult to create a general card-type link using external site OGP because the content must be determined at build time. Therefore, we have created an app that outputs a card-type link in HTML/CSS format when given a target page URL, solving this problem.

In short, it's like this:

og card
OG Card

By the way, we used AngularDart this time. The details are described in this article.

https://www.esplo.net/posts/2018/10/angular-dart-for-small-app/

Usage

The demo site is currently not available, so please check the GitHub code if necessary.

https://github.com/esplo/og-card-generator

It is currently archived.

Share