snamiki1212/myblog

リンクをブログカードにしたい

snamiki1212 opened this issue · 0 comments

snamiki1212 commented

ブログがシンプルなAタグなのでブログカードにしたい。

前提

  • internalLink
  • externalLink

で分ける。

まずはInternalLinkで実現。

MEMO

  • 参考になった
    https://blog.leko.jp/post/gatsby-remark-discoverable-oembed/
- oEmbdedというコンテンツ埋め込みの規格。CodePenとか、ブログで動くのがそれ。

1. https://codepen/oembded?url="https://codepen/asdjioe32e" みたいのを事前に叩く
2. JSONが帰ってくる。どういう形か？は、oembdedにDocがある。
3. その内容にそって、<img src={res.img} />みたいに、埋め込みを入れる。
4. 埋め込みは大抵はiframe。

はてぶなら、「ブログカード」という形で表示されるのが、帰ってくる。

自分でブログカードを作りたいなら、の案。

- 外部サービス、embdedly、iframely
- buildするときに、internal linkをどうにかする。
- ？？ReactComponentにて、どうにかできる？？