1

我正在定制正义模板。我想修改标题。原始标题如下：原标题 我检查了建筑物图片（即背景图像）定位在左侧并且文本（标题和导航）定位在右侧的代码。现在我想改变它们如下：

  1. 只是让背景图像具有固定的高度而不是在左侧。
  2. 将标题“正义”从文本更改为图像。
  3. 导航中的“建议”将其更改为“新闻”。

对于第一个，“_sass”文件夹中的_layout.scss如下：

header {
background-size: cover;
background-repeat: no-repeat;
/*background-position: calc(50% - 40px) 175px;*/
height: 420px;
box-sizing: border-box;

.container {
    text-align: center;
}

@media (min-width: $mobile-break) {
    background-size: contain;
    background-position: calc(50% - 300px) calc(100% + 20px);

    &.main-hero {
        height: 80vh;
        background-position: calc(50% - 350px) calc(100% + 20px);
    }

    .container {
        text-align: right;
    }
}

我暂时将背景位置设置为评论状态，因为我认为我不需要修复背景图像的位置，但是我需要添加什么吗？例如，如果主题显示在移动设备上（我猜是在@media 上）？

要将标题“JUSTICE”更改为图像，代码类似于“_layout”文件夹的 default.html 中的第 28-40 行：

<header style="background-image: url('{% include relative-src.html src=page.background_image_path %}');" {% if page.large_header %}class="main-hero"{% endif %}>
        <div class="container">
            <h1><a href="{{ site.baseurl }}/">{{ site.data.company.title }}</a></h1>
            <nav>
                <ul>
                    {% assign nav_pages = site.html_pages | where: 'show_in_navigation', true | sort: 'navigation_order' %}
                    {% for nav_page in nav_pages %}
                        <li><a {% if nav_page.url == page.url %}class="active"{% endif %} href="{{ site.baseurl }}{{ nav_page.url }}">{{ nav_page.title }}</a></li>
                    {% endfor %}
                </ul>
            </nav>
        </div>
    </header>

标题是这部分：<h1><a href="{{ site.baseurl }}/">{{ site.data.company.title }}</a></h1>. 我该如何修改这部分？我应该是这样的<a href="{{ site.baseurl }}/"><img src="what is the link here?"></a>，但在这种情况下，Jekyll 中的链接是什么？如何修改固定宽度的 _layout.scss？

为了将导航中的“建议”更改为“新闻”，我只需要将相对文件夹名称（例如这里是建议）更改为我想要的任何内容（例如这里是“新闻”）？我找不到任何其他地方似乎包括在内。但我想知道是否应该在其他地方链接到导航，并链接到 _post 文件夹（否则“建议”无法获取降价文件文章）？

非常感谢！

4

0 回答 0