gpt4 book ai didi

jekyll - 如何在 Jekyll 的顶部导航栏中添加图像 Logo ?

转载 作者:行者123 更新时间:2023-12-01 12:52:43 24 4
gpt4 key购买 nike

刚开始使用 Jekyll 生成一些基本页面,并想在导航栏的顶部品牌区域添加图像 Logo 。有没有一种标准的方法可以做到这一点而不会弄乱 Jekyll 中的主题?

最佳答案

我不相信如果不至少对主题进行一点定制就不可能做到这一点。

但是,由于您使用 Jekyll-Bootstrap 的默认 twitter 主题,因此这些更改应该相当简单:

将您的 logo.png 放入 assets/themes/twitter
在您的 _includes/themes/twitter/default.html您需要添加 <li><ul class="nav"> 下带有您的 Logo 像这样的元素:

<li><a class="brand-image" href="{{ HOME_PATH }}"><img class="brand-image" src="{{ASSET_PATH}}/logo.png"/></a></li>

接下来,定义 brand-image通过编辑 assets/themes/twitter/css/style.css 上课并添加以下内容:
.navbar .nav > li > a.brand-image {
padding: 4px 0px 0px 0px;
}
.navbar .nav > li > a > img.brand-image {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;

}

您可能必须使用填充以使其恰好适合您的图像。

关于jekyll - 如何在 Jekyll 的顶部导航栏中添加图像 Logo ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11267472/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com