我正在使用 Jekyll 主题 Cayman，我喜欢它，因为它简单干净。然而，在标题中，有带有页面/网站标题和描述的文本，这似乎是在 _layouts/page.html 的标题中定义的，看起来像这样。
<header class="page-header" role="banner">
<h1 class="project-name">{{ page.title | default: site.title | default: site.github.repository_name }}</h1>
<h2 class="project-tagline">{{ page.description | default: site.description | default: site.github.project_tagline }}</h2>
{% if site.github.is_user_page %}
<a href="{{ site.github.repository_url }}" class="btn">View on GitHub</a>
{% endif %}
{% if site.show_downloads %}
<a href="{{ site.github.zip_url }}" class="btn">Download .zip</a>
<a href="{{ site.github.tar_url }}" class="btn">Download .tar.gz</a>
{% endif %}
</header>
我一直在尝试删除文本并使用自定义图像，同时仍然保留标题的背景颜色。我尝试在 _layouts/page.html 中编辑标题本身，但无法使其按照我想要的方式工作。
我还尝试对 _site/assets/css/style.css 进行更改，如下所示
来自：
.page-header { color: #fff; text-align: center; background-color: #159957; background-image: linear-gradient(120deg, #155799, #159957); }
@media screen and (min-width: 64em) { .page-header { padding: 5rem 6rem; } }
@media screen and (min-width: 42em) and (max-width: 64em) { .page-header { padding: 3rem 4rem; } }
@media screen and (max-width: 42em) { .page-header { padding: 2rem 1rem; } }
致：
.page-header { color: #fff; text-align: center; background-color: #159957; background-image: linear-gradient(120deg, #155799, #159957); image: "https://URLtoImage.png"; }
@media screen and (min-width: 64em) { .page-header { padding: 5rem 6rem; } }
@media screen and (min-width: 42em) and (max-width: 64em) { .page-header { padding: 3rem 4rem; } }
@media screen and (max-width: 42em) { .page-header { padding: 2rem 1rem; } }
我不确定我是否做错了，但是它会变回我编辑之前的样子。
我还尝试直接在我想要的页面添加自定义标题作为css，例如：
<style>
.myheader {
<a href="URLtoImage.png"</a>
}
</style>
并更改了：
<header class="page-header" role="banner">
致：
<header class=myheader" role="banner">
但这似乎也不起作用。我不太确定我还能尝试什么。
您现在使用代码所做的是链接到图像。您现在拥有的代码
<a href="URLtoImage.png"></a>.myheader如果我理解正确，您想将图像添加到导航栏/标题，而不是文本。在这种情况下，您需要将图像编码到标题中，位于
<header><h1><h2>由于我不太熟悉标题和导航栏，这可能是您最好的方向/可能有帮助。