I am the god of Hell fire, and I bring you

Подключаем комментарии Disqus в блог на Ghost

     рукоблудие, ghost, disqus     0

Для начала нужно зарегистрировать на сайте Disqus. Там нет ничего сложного, думаю вы справитесь.

Подключение Disqus

  1. Находим файл post.hbs , он находится в папке /content/themes/casper/, если вы используете не стандартную тему то вместо папки casper ищите его в папке вашей темы.
  2. Размещаем этот код между {{/post}} и </article>:
    <div id="disqus_thread"></div>  
    <script type="text/javascript">  
        var disqus_shortname = 'example'; // required: replace example with your forum shortname
        var disqus_identifier = '{{post.id}}';
    
        /* * * DON'T EDIT BELOW THIS LINE * * */
        (function() {
            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
            dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
        })();
    </script>  
    <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>  
    <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>  
    
  3. В строке var disqus_shortname = 'example’; незабудьте заменить shortname на ваш.
  4. Перезапускаем Ghost.

Счетчик комментариев

  1. Открываем файл default.hbs и размещаем перед тегом </body> следующий код:
    <script type="text/javascript">  
    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    var disqus_shortname = 'example'; // required: replace example with your forum shortname  
    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function () {
    var s = document.createElement('script'); s.async = true;  
    s.type = 'text/javascript';  
    s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';  
    (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
    }());
    </script>  
    
  2. Заменяем example на ваш shortname
  3. Открываем файл index.hbs, находим в нем post-meta и изменяем на это:
    <span class="post-meta">  
        <time datetime="{{date format='YYYY-MM--DD'}}">{{date format="DD MMM YYYY"}}</time> 
        {{#if tags}}on {{tags}}{{/if}} 
        <a href="{{url}}#disqus_thread">Comments</a>
    </span>  
    
  4. Перезапускаем Ghost. Если счетчик сразу не обновится, ничего страшного. Просто подождите не много.

Как это все работает можно посмотреть тут.



Поделиться записью

Фейсбук | Твиттер | ВКонтакте | Гугл+ | Телеграм