Add an open graph meta tag to display logo of dotnetthailand

[surrealist]

Problem

When post a link from dotnetthailand website to other sites (ex. Facebook)
it'll display Gastby logo but it should be dotnetthailand logo instead.

Solution

Add <meta> tag for og:image to every pgaes of the site.

<meta property="og:image" content="url.to/the/image" />

REF: https://ogp.me/

[aaronamm]

@surrealist Thanks for opening an issue and giving a good suggestion.
BTW, we have AI logo but we are lack of graphic skill and CSS style.
If someone can help us for this, we would be appreciate it.

Here is a screenshot of AI logo file that we have.

[mennwebs]

I volunteer for this. Tomorrow will check and PR krub.

[surrealist]

Thanks, @MennStudio. Let's me flag you as an assignee.

[mennwebs]

Sorry I can't PR right now. Then may be you guys just use these images instead? I create 3 versions of open graph to use.

And also the png logo.

[surrealist]

@MennStudio Sorry that you cannot do pull request now. Anyway you already contributed to this issue by creating a very neat and high quality design images. Thanks again.

[aaronamm]

@MennStudio Thank you so much.

[surrealist]

We have 2 places that can inject meta og:image to html.
First one is src/html.js that need metadata:ogImage
from config/default.js. And the second one is
src/component/Soe/Soe.js this component need
metadata:siteImage from config/config.yml

I choose the second way (Soe.js) only then our web page
will have only one meta tag for og:image