如何实现“跟随”/“订阅”功能JS

Question

<div class="container">
  <div class="page-header">
    <h1>Browse</h1>
    <p><small class="text-muted"><i class="glyphicon glyphicon-globe"></i> Read and follow stories in production from around the globe.</small></p>
            <a id="button" class="btn btn-large" class="text-right" href="/browse/new" data-toggle="tooltip" title="Every Story Deserves An Audience"><strong><i class="fa fa-plus"></i> Publish New</strong></a>

  </div>

<div class="row text-center" style="display:flex; flex-wrap: wrap;">
        <% stories.forEach(function(story){ %>
            <div class="col-md-3 col-sm-6">
                <div id="hover" class="thumbnail">
                    <img src="<%= story.image %>">
                    <div class="caption">
                        <h4><strong><%= story.title %></strong></h4>
                        <hr>
                        <p> <%= story.description %></p>
                             <p><a href="/stories/<%= story._id %>" id="button" class="btn" role="button">Read</a> <a href="#" class="btn btn-default" role="button">Follow</a></p>
                    </div>
                </div>
            </div>
        <% }) %>
    </div>
</div>

这是我的索引，显示用户生成的帖子的缩略图。我想实现“跟随”功能。我有那里的按钮。我希望用户能够点击关注按钮，他们现在正在关注这个故事。用户所关注的每个故事都将出现在一个单独的页面（库）中，该页面基本上是该索引页面的副本，但仅显示用户所关注的故事的缩略图。任何帮助将不胜感激。已经卡住了几天。谢谢。