Trys Mudford's Blog https://www.trysmudford.com/tags/html/ Posts, thoughts, links and photos from Trys Hugo -- gohugo.io en-us Thu, 02 May 2019 17:00:00 +0000 Fancy Slack metadata https://www.trysmudford.com/blog/fancy-slack-meta-tags/ Thu, 02 May 2019 17:00:00 +0000 https://www.trysmudford.com/blog/fancy-slack-meta-tags/ Here’s a tiny lesson on generating those fancy extra bits of metadata shown below a link in Slack.

Slack metadata

Officially they are labels for Twitter, but I’ve never seen them used by the social network. You add them with the following meta tags:

<meta name="twitter:label1" value="Posted in" />
<meta name="twitter:data1" value="Web" />
<meta name="twitter:label2" value="Reading time" />
<meta name="twitter:data2" value="10 minutes" />

For an added Hugo bonus, here’s how I generate the blog tags on my site:

{{- if (.IsPage) and eq .Section "blog" -}}
<meta name="twitter:label1" value="Posted in" />
<meta name="twitter:data1" value="{{ .Params.categories }}" />
<meta name="twitter:label2" value="Reading time" />
<meta name="twitter:data2" value="{{ .ReadingTime }} minute{{ if not (eq .ReadingTime 1) }}s{{ end }}" />
{{- end -}}
]]>