Bear theme: Conversations and comment box in single item display?

z428 · October 21, 2024, 1:37pm

Alls; rather stupid question (for diving into hugo theming) I guess: I’m using the bear theme for micro.blog and wanted to enable comments and display conversations (coming from Bluesky in example) on the post page. I seem to have these settings enabled in micro.blog but they still don’t show up so I guess there’s something missing in the theme code to make that work… where to start?
Thanks in advance and best regards,
Kristian

jsonbecker · October 21, 2024, 1:49pm

Add this to your single.html template:


{{ if .Site.Params.include_conversation }}
<script type="text/javascript" src="https://micro.blog/conversation.js?url={{ .Permalink }}"></script>
{{ end }}

z428 · October 21, 2024, 2:06pm

Ah, cool, thanks. Did it.

jsonbecker · October 21, 2024, 2:36pm

github.com

microdotblog/theme-bear/blob/master/layouts/post/single.html

{{ define "main" }}
<div class="h-entry">
  {{ if .Title }}<h1 class="p-name">{{ .Title }}</h1>{{ end }}
  <p>
    <i>
      <a href="{{ .Permalink }}" class="u-url">
        <time datetime='{{ .Date.Format "2006-01-02" }}' class="dt-published">
          {{ .Date.Format (default "02 Jan, 2006" .Site.Params.dateFormat) }}
        </time>
      </a>
    </i>
  </p>
  <div class="e-content">
    {{ .Content }}
  </div>
  {{ if .Site.Params.include_conversation }}
    <script type="text/javascript" src="https://micro.blog/conversation.js?url={{ .Permalink }}"></script>
  {{ end }}
  <p>
    {{ range (.GetTerms "tags") }}

This file has been truncated. show original

I see it here, so maybe your theme is not up to date?

z428 · October 21, 2024, 7:38pm

I vaguely remember modifying the template to change how the timestamp is displayed. Maybe I removed this by accident or because I didn’t want it back then.