After analyze a example link that can preview in Facebook & Twitter and search Google, I found it just need to add some meta on blog post’s html header. One guy give an example code below.
His blog post about this solution: https://vietlq.github.io/2017/04/30/access-hugo-page-variables/
His github gist about this code:
https://gist.github.com/vietlq/d1c7ecfb20ce7beac4a7f4df746c797c
Reference: <a rel=“noreferrer noopener” aria-label=“Reference: https://developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/summary.html https://developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/markup.html
 (opens in a new tab)” href=“https://developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/summary.html" target="_blank”>https://developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/summary.html
<a rel=“noreferrer noopener” aria-label=“Reference: https://developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/summary.html https://developer.
Read more →