Javascript 使用主题时Github页面上的链接

所以我在gh页面上建立了一个小网站，并使用gh页面降价主题。 为了实现一个导航栏，我稍微修改了“default.html”文件，在标题中也有一个导航栏。 现在我想在保持主题、标题等的同时，在页面之间进行链接或导航。但是当使用

它将重新加载整个新的空白页。 但是当第一次访问

https://myPersonalPage.github.io/

它可以正常加载index.md

简而言之，我想在不改变页眉的情况下更改gh页面的内容，我不知道如何更改

在default.html文件中，我的链接如下所示：

<!-- HEADER -->
<div id="header_wrap" class="outer">
    <header class="inner">
        <h1 id="project_title">MyProjects</h1>
        <div id="navbar">
            <ul>
                <li><a href="index.md">HOME</a></li>
                <li><a href="projects.md">PROJECTS</a></li>
                <li><a href="aboutMe.md">ABOUT ME</a></li>
            </ul>
        </div>
    </header>
</div>

<!-- MAIN CONTENT -->
<div id="main_content_wrap" class="outer">
    <section id="main_content" class="inner">
        {{ content }}
    </section>
</div>

我的项目

在default.html文件中，内容加载如下所示：

<!-- HEADER -->
<div id="header_wrap" class="outer">
    <header class="inner">
        <h1 id="project_title">MyProjects</h1>
        <div id="navbar">
            <ul>
                <li><a href="index.md">HOME</a></li>
                <li><a href="projects.md">PROJECTS</a></li>
                <li><a href="aboutMe.md">ABOUT ME</a></li>
            </ul>
        </div>
    </header>
</div>

<!-- MAIN CONTENT -->
<div id="main_content_wrap" class="outer">
    <section id="main_content" class="inner">
        {{ content }}
    </section>
</div>

{{content}}

好吧，我想出来了。而不是projects.md，我必须链接到projects.html，一切都很好