Add configurable comment links section

content/blog/2021-02-27_solving-aoc-2020-in-under-a-second/index.md

@@ -7,8 +7,12 @@ categories = ["blog"]
 tags = ["rust", "performance", "aoc"]
 
 [extra]
-comments = true
 zenn_applause = true
+comments = [
+    {url = "https://news.ycombinator.org/", name = "Hackernews"},
+    {url = "https://reddit.com/", name = "Reddit"},
+    {url = "https://lobste.rs/", name = "Lobsters"},
+]
 +++
 
 ```

themes/zenn/templates/page.html

@@ -17,11 +17,34 @@
             {{ page.content | safe }}
         </div>
 
+        {# Comments header #}
+        {% if page.extra.comments %}
+            <h2 id="comments">Comments</h2>
+        {% endif %}
+
+        {# Applause button #}
         {% if page.extra.zenn_applause %}
             <div class="applause-wrapper">
                 <applause-button color="#a6a28c" url="{{ page.permalink | safe }}"></applause-button>
             </div>
         {% endif %}
+
+        {# Comments #}
+        {% if page.extra.comments %}
+            <p>
+                Comments on
+                {% for page in page.extra.comments %}
+                    <a href="{{ page.url | safe }}" target="_blank">{{ page.name }}</a>
+                    {%- if not loop.last -%}
+                        {% if loop.index == page.extra.comments | length - 1%}
+                            &amp;
+                        {% else -%}
+                            ,
+                        {% endif %}
+                    {% endif %}
+                {% endfor %}
+            </p>
+        {% endif %}
     </article>
 {% endblock body %}
 

themes/zenn/templates/site.html

@@ -190,6 +190,11 @@
                                         {% endif %}
                                     </li>
                                 {% endfor %}
+
+                                {# Comments link #}
+                                {% if page.extra.comments %}
+                                    <li><a href="#comments" title="Comments">Comments</a></li>
+                                {% endif %}
                             </ul>
                         </section>
                     {%- endif %}