我怎样才能使用history.js？

Question

我想存储点击按钮的历史记录，这样如果有人按回按钮就会很容易进入之前的状态。我了解了history.js并且我研究了它https://github.com/browserstate/history.js/但是我没有得到这些东西，我实际上是如何实现这一点的。

我正在使用的JS文件：

<script src="js/jquery-3.1.0.min.js"></script>
<script src="js/jquery.history.js"></script>

HTML：

<div class="start-button">
<img src="img/start-button.png" id="start-button">
</div>
<div class="home-menu">
<ul>
<li id="first"><span>first</span></li>
<li id="second"><span>second</span></li>
<li id="third"><span>third</span></li>
<li id="fourth"><span>fourth</span></li>
</ul>
</div>
<div class="main">
<div class="text">
some dummy text
</div>
<div class="back-btn">
<img src="img/back-btn.png" id="back-btn">
</div>

JS：

$(document).ready(function(e){
$("#start-button").click(function(e){
$('.start-button').css("display", "none");
$('.home-menu').show();
});
$("#first").click(function(e){
$('.main').show();
$('.home-menu').hide();
});
});