Question

我正在使用海德主题(it's version 2.0)

无法使侧边栏的“关于”链接生效。

它托管在Github's Pages。（我的github repositiory）

这是sidebar.html中的默认代码。如何使“关于”链接有效？

 <div class="sidebar">
 <div class="container sidebar-sticky">
    <div class="sidebar-about">
  <h1>{{ site.title }}</h1>
  <p class="lead">{{ site.description }}</p>
</div>

<ul class="sidebar-nav">
  <li class="sidebar-nav-item{% if page.title == "Home" %} active{% endif %}">
    <a href="/">Home</a>
  </li>

  {% comment %}
    The code below dynamically generates a sidebar nav of pages with
    `layout: page` in the front-matter. See readme for usage.
  {% endcomment %}

  {% assign pages_list = site.pages %}
  {% for node in pages_list %}
    {% if node.title != null %}
      {% if node.layout == "page" %}
        <li class="sidebar-nav-item{% if page.url == node.url %} active{% endif %}">
          <a href="{{ node.url }}">{{ node.title }}</a>
        </li>
      {% endif %}
    {% endif %}
  {% endfor %}
  <li class="sidebar-nav-item"><a href="/about.md">About</a></li>
  <li class="sidebar-nav-item"><a href="{{ site.github.repo }}/archive/v{{ site.version }}.zip">Download</a></li>
  <li class="sidebar-nav-item"><a href="{{ site.github.repo }}">GitHub project</a></li>
  <li class="sidebar-nav-item">Currently v{{ site.version }}</li>
</ul>

<p>&copy; {{ site.time | date: '%Y' }}. All rights reserved.</p>

Answer 1

Markdown将呈现为html，它应该是：

<li class="sidebar-nav-item"><a href="{{ site.baseurl }}/about/">About</a></li>

我只是分叉你的回购，见这里：

http://www.madhur.co.in/MapExplorer/about/

Answer 2

您的链接中缺少 {{site.baseurl}} 。

  {% assign pages_list = site.pages %}
  {% for node in pages_list %}
    {% if node.title != null %}
      {% if node.layout == "page" %}
        <li class="sidebar-nav-item{% if page.url == node.url %} active{% endif %}">
          <a href="{{ site.baseurl }}{{ node.url }}">{{ node.title }}</a>
        </li>
      {% endif %}
    {% endif %}
  {% endfor %}
  <li class="sidebar-nav-item"><a href="{{ site.baseurl }}/about/">About</a></li>

边栏链接不起作用

2 个答案: