如何在Django博客中添加社交分享按钮

时间:2018-12-04 15:14:08

标签: javascript python html css django

am使用django_social_share模块,我无法弄清楚如何在社交媒体上传递特定博客文章的共享URL 这是post_detail.html

<article>
  <div class="embed-responsive embed-responsive-16by9">
<img src="{{post.thumb.url}}" alt="" />
</div>
  <div class="post-content">
<h2>{{post.title}}</h2>
<div>
{{post.created}}  Author {{post.user}}
<hr/>
<p>{{post.body}}</p>
<hr>
<div id="subheader" class="blog">
  <div class="subheader-text">
    <h1>Did you like this Post ?</h1>
    <h4>Consider sharing Most readers like to share our Posts </h4>
  <a href="#" rel="shared-popover" data-popover-content="#shared-btn-Popover" title="Share" data-placement="bottom" class="mtr-btn button-circle button-fab ripple"><i class="fa fa-share-alt"></i></a>
<div id="shared-btn-Popover" class="hide">
  <ul class="blog-share-buttons">
    <li><a href="{% post_to_twitter object.title %}" title="Twitter"><i class="fa fa-twitter"></i></a></li>
    <li><a href="{% post_to_facebook object.title %}" title="Facebook"><i class="fa fa-facebook"></i></a></li>
    <li><a href="#" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
  </ul>
</div>
</article>
</div>

请帮忙,所有设置都可以

2 个答案:

答案 0 :(得分:0)

我想你import firebase from ‘firebase’;

如果您还没有制作,可以在模型中制作

"{% post_to_twitter post.get_absolte_url %}"

(当然,您必须更改自己的reverse())

答案 1 :(得分:-1)

{% load social_share %}

{% post_to_facebook object_or_url "Post to Facebook!" %}

您必须简单地输入关键字“object_or_url”...它将使用 get_absolute_url

这就是我从 django-social-share 信息中可以理解的

我不知道如何放置图标。它说有一个参数link_class但不解释如何使用它

相关问题