Add "card" for beautiful link displays in social media sites

[oubiwann]

Resources:

• https://developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/abouts-cards
• https://developers.facebook.com/docs/sharing/webmasters/

E.g., here's what Github does:

<meta name="twitter:image:src" content="https://avatars3.githubusercontent.com/u/3434967?s=400&amp;v=4" />
<meta name="twitter:site" content="@github" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="lfe/lfe.github.io" />
<meta name="twitter:description" content="The LFE Landing Site / Home Page. Contribute to lfe/lfe.github.io development by creating an account on GitHub." />

<meta property="og:image" content="https://avatars3.githubusercontent.com/u/3434967?s=400&amp;v=4" />
<meta property="og:site_name" content="GitHub" />
<meta property="og:type" content="object" />
<meta property="og:title" content="lfe/lfe.github.io" />
<meta property="og:url" content="https://github.com/lfe/lfe.github.io" />
<meta property="og:description" content="The LFE Landing Site / Home Page. Contribute to lfe/lfe.github.io development by creating an account on GitHub." />

[oubiwann]

Done!

https://twitter.com/LiffyBot/status/1288334505598738435