Как интегрировать Facebook, Disqus, Google+ Comments в Jekyll?

По адресу Раджан Бхаттарай - 5 месяцев и 1 день назад / Январь 2020
Как интегрировать Facebook, Disqus, Google+ Comments в Jekyll?

Первоначально размещено: 2017-08-15. Обновлено по: 2020-01-24.


Для моего блога Джекилл я внедрил всю систему комментариев. Пользователь может использовать либо facebook, либо disqus и google+. Преимущество того, что все три и все раздельно, в том, что пользователь может иметь свободу. Например, пользователь, уже вошедший в Facebook, может напрямую комментировать без регистрации имени и электронной почты. С другой стороны, disqus позволяет комментировать в более широком смысле, не показывая свои социальные сети. И есть Google+, который, на мой взгляд, не стоит объяснять, почему Google+ комментирует в блогах. Так что, без всяких задержек, давайте начнем настройку. Эта конфигурация работает только для jekyll. Поиск в Google для другой платформы.

Вот моя текущая платформа комментирования в блоге, где пользователь может выбрать, где использовать средства массовой информации и разместить свой комментарий.

Комментарий

1.следуйте инструкциям в документации facebook о том, как настроить комментарий или использовать платформу комментирования facebook.

2.Зарегистрироваться на диске. Google+ больше ничего не понадобится, кроме как убедиться, что вы вошли в систему.

3. Сделайте файл с любым именем. Я использую comment.html, который должен быть в папке include.

4.Далее следует добавить кофигурацию для разных систем. Ниже приведен список всех конфигураций. Убедитесь, что вы изменились с правой стороны и под одним файлом, даже если суть перечислена по-разному.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<div class="buttons">
<div style="width: 100%">
    <button class="buttons1" onclick="openComment(event, 'Facebook')" id="defaultOpen"><i class="fa fa-facebook fa-3x" aria-hidden="true"></i></button>
    <button class="buttons2" onclick="openComment(event, 'Disqus')"><i class="fa fa-commenting-o fa-3x" aria-hidden="true"></i></button>
</div>
</div>
<div id="Facebook" class="tabcontent">
    <div class="fb-comments" data-href="/blog/integrate-fb-google-disqus-comment-in-jekyll/" data-width="auto" data-numposts="5"></div>
</div>
<div id="Disqus" class="tabcontent">
    <div class="comment-wrapper">
        
    </div>
</div>
<div id="Google+" class="tabcontent">
    <script src="https://apis.google.com/js/plusone.js">
    </script>
    <div id="google_comments"></div>
    <script>
    gapi.comments.render('google_comments', {
        href: window.location,
        width: '900',
        height: '200',
        first_party_property: 'BLOGGER',
        view_type: 'FILTERED_POSTMOD'
    });
    </script>
</div>
<script>
function openComment(evt, CommentName) {
    var i, tabcontent, tablinks;
    tabcontent = document.getElementsByClassName("tabcontent");
    for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
    }
    tablinks = document.getElementsByClassName("tablinks");
    for (i = 0; i < tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace(" active", "");
    }
    document.getElementById(CommentName).style.display = "block";
    evt.currentTarget.className += " active";
}
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script>
<style>
.buttons {
    background-color: black; /* Green */
    border: none;
    color: black;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}
</style>

5.Теперь после сохранения вышеуказанной конфигурации goto _раскладки/пост.html и добавьте следующее в какое-нибудь подходящее место. включать комментарий.html Include with { and % .

После того, как шаг 5 будет закончен, проверьте на месте, запустив джеккильная подача.

Замечание: Необходимо четко указать переменные или параметры в файле config.yml для дисков.

Это завершает систему комментирования в джекильском блоге.




Раджан Бхаттарай
Раджан Бхаттарай
Инженер-программист по работе. Разработчик Full Stack Ruby on Rails. DevOps и Blockchain.Tech Blogger. Запросы и статьи: hello@cdrrazan.com -Rb.


комментарии на основе Disqus