Consegui montar um exemplo completo e simplificado do History.js usando três links para carregar fragmentos de conteúdo de uma página inteira sem atualizar a página e ao atualizar o histórico do navegador.

Aqui estão os trechos de código relevantes - um exemplo completo de trabalho está aquihttp://jsfiddle.net/PT7qx/show

<a href="/page-header">Page Header</a>
<a href="/login-form">Login Form</a>
<a href="/nothing">Nothing</a>

<script>
var History = window.History;
if (!History.enabled) {
    return false;
}

History.Adapter.bind(window, 'statechange', function() {
    var State = History.getState();
    History.log(State.data, State.title, State.url);

    if (State.title == 'Page Header') {
        $('#content').load('/user/login/ .pageHeader > *');
    }

    if (State.title == 'Login Form') {
        $('#content').load('/user/login/ #common-form > *');
    }

    if (State.title == 'Nothing') {
        $('#content').empty()
    }
});

$('body').on('click', 'a', function(e) {

    var urlPath = $(this).attr('href');
    var Title = $(this).text();
    History.pushState(null, Title, urlPath);

    // prevents default click action of <a ...>
    return false;
});
<\script>

Eu gostaria de saber se esse é o uso correto. A versão anterior tinha a capacidade de vincular a um evento usando os # urls. Eu não vi nenhum exemplo de eventos de ligação para URLs com esta versão mais recente, então usei o evento de clique .on () para chamar Histórico e resolvi em qual link foi clicado.

Não tenho certeza se esta é a melhor maneira de conseguir isso para este exemplo.