我使用JS在jekyll网站的标签页中仅显示具有特定id的div。对于同一页面中的一组链接，您可以显示相应的元素:

function hide_others() {
    $('div.item').hide();
    selected = location.hash.slice(1);
    if (selected) {
        $('#' + selected).show();
    }
    else {
    $('div.item').show();
    }
}

链接使用如下链接:

<a href="javascript:window.location.href='/tags.html#{{ tag[0] }}-ref'; hide_others()">{{ tag[0] }}</a>

两个选择:

<a href="https:">link</a>
<a href="">link</a>

在这两种情况下，浏览器将相对于当前URL解析链接，导致当前URL排除了#片段。

注:

https:如果您使用的是https协议(匹配任何协议) 对于其他人来说，使用空URL可能是一个错误，https:可能更明确。 这不会重放POST请求。

我使用JS在jekyll网站的标签页中仅显示具有特定id的div。对于同一页面中的一组链接，您可以显示相应的元素:

function hide_others() {
    $('div.item').hide();
    selected = location.hash.slice(1);
    if (selected) {
        $('#' + selected).show();
    }
    else {
    $('div.item').show();
    }
}

链接使用如下链接:

<a href="javascript:window.location.href='/tags.html#{{ tag[0] }}-ref'; hide_others()">{{ tag[0] }}</a>

不幸的是，只有HTML没有全局的方法来做到这一点。你可以尝试做<a href="">test</a>，但它只适用于某些浏览器。

我正在使用HTML来解决这个问题 使用:

<a href="page1.html"> Link </a>

*page1.html ->输入您正在处理的文件的名称(您当前的HTML文件)

你可以这样做:<a href=""> this page</a> .

但我认为它不会保留GET和POST数据。