Javascript 如何使用Django创建js公文包过滤器（同位素.js）

我正在与Django建立一个投资组合网站，我想根据 作为我主页上的一个类别，我正在使用js公文包过滤器插件（同位素.js）。 我从未想过在Django要做到这一点会如此困难，我也没有看到 这方面的任何资源都可以在互联网上找到

我的自定义处理器.py

def index(request):
    port_category = PortfoilioCategory.objects.all()
    service = Services.objects.all()
    '''
    Many more querysets
    '''
    context = {
        'port_category':port_category,
        'service':service
    }
    return context

base.html

<ul>
    {% for port in port_category %}
    <li><a href="#porfolio_menu" data-filter="{{ port.id }}">{{ port.cat_name }}</a></li>
    {% endfor %}

</ul>

{端口类别%}中的端口的%

{%endfor%}

如何使用下面的div为我的投资组合项目的细节创建视图或上下文处理器？ 如何将动态参数传递给上下文处理器？ 我还可以如何实现这一点？

<div class="col-xs-12 col-sm-4 appsDevelopment">
    <div class="portfolio_single_content">
        <img src="{% static 'img/portfolio/p1.jpg' %}" alt="title" />
        <div>
            <a data-lightbox="example-set" href="{% static 'img/portfolio/p1.jpg' %}">Photo Frame</a>
            <span>Subtitle</span>
        </div>
    </div>
</div>

字幕