Добавление количества комментариев Disqus на страницу Django - PullRequest
Новая
       11

Добавление количества комментариев Disqus на страницу Django

0 голосов
/ 04 сентября 2018

Я успешно включил комментарии Disqus к отдельным статьям, но пока не могу добавить счетчик комментариев на страницу содержимого. Согласно документации

Поместите следующий код перед закрытием вашего сайта </body> тег: 

<script id="dsq-count-scr" src="//my-site.disqus.com/count.js" async></script>

Тем не менее, я расширяюсь от base_layout и у меня нет тегов <body>. Я не думаю, что это проблема, однако. Кажется, это следующая инструкция к

Добавьте #disqus_thread к атрибуту href в ваших ссылках. Это будет сообщить Disqus, какие ссылки искать, и вернуть счетчик комментариев. За пример:

<a href="http://example.com/bar.html#disqus_thread">Link</a>

Это мой HTML-код для страницы содержания: 

{% extends 'base_layout.html' %}
{% load avatar_tags %}
{% block content%}
    <h1>MY TITLE</h1>
    <div class="articles">
    {% for article in articles %}
        <div class="article">
            <h2><a href="{% url 'articles:detail' id=article.pk slug=article.slug %}#disqus_thread">{{ article.title
                }}</a></h2>
            <p>{{ article.snippet }}</p>
            <p>{{ article.date|date:"d M Y" }}</p>
            <a href="{% url 'accounts:view_profile' slug=article.author id=article.author_id %}">
                <p class="author">{% avatar article.author.username 40 class="img-circle img-responsive" id="user_avatar" %}
                    <br>{{ article.author.username }}</p>
            </a>
        </div>
    {% endfor %}
    </div>
<script id="dsq-count-scr" src="//my-site.disqus.com/count.js" async> 
</script>
{% endblock %}

Это дополнение к тегу <href> просто отображает фактический текст

article.title

вместо действительного заголовка. Я пробовал несколько раз в теге <href>, но он просто портит заголовок статьи и не показывает количество комментариев.

Фактический код использует короткое имя сайта, а не "//my-site.disqus.com".

...