问题标签 [jekyll-theme]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
60 浏览

html - Jekyll 主题在文本和图像之间自定义 SCSS 和 HTML

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

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

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

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

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

标题是这部分:<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 文件夹(否则“建议”无法获取降价文件文章)?

非常感谢!

0 投票
0 回答
83 浏览

css - 如何使用 VS Code 主题突出显示我的博客中的代码?

我正在尝试将 Jekyll 博客中代码突出显示的配色方案更改为 VS Code“light+”主题中的方案。我尝试在 Marketplace 中搜索 VS Code 的源代码和主题以找到相应的 .css 文件,但以失败告终。

我注意到相同的配色方案(在“Light+”中)也可以应用于我的降价预览,所以我认为有一种方便的方法。我应该怎么办?

英语不是我的母语,请原谅打字错误。

0 投票
1 回答
862 浏览

github - Github Pages 不支持 Jekyll 主题

我一直在尝试使用来自 bootstrap 的名为 jekyll-theme-clean-blog 的 Jekyll 主题,每次我在 Github 上发布它时,我都会收到一封电子邮件说:
“你正在尝试使用 Jekyll 主题,”jekyll-theme-clean -blog”,GitHub Pages 不支持。”
我尝试删除 _config.yml 中的“主题”行,但页面最终只有基本 HTML 而不是模板。我还安装了 gem“Jekyll-remote-theme”,但它似乎没有帮助。有人可以帮我解决这个问题吗?或者这是否意味着我不能使用 github 页面来托管网站?非常感谢我是菜鸟。

0 投票
1 回答
252 浏览

ruby - 将网站集从页面传递到布局 jekyll

我正在尝试将一个网站集传递给我的页面布局,以便能够根据我传递的部分制作我的导航菜单。

在我的 _config.yml

在我的 index.md 页面中:

在我的布局中:

Flatify 在 _plugins/flatify.rb 下:

在我的布局中,使用{%- assign _sections = site.sec | flatify -%}效果很好,但是当我将集合从页面传递到布局时,它不起作用。

如果我做完全相同的事情site.title而不是site.tt从页面传递到布局,那么一切都很好。但是当我尝试传递一个集合时,它不起作用。

谢谢你的帮助。

0 投票
1 回答
641 浏览

jekyll - 修改现有的 Jekyll 主题以拥有静态主页

我正在使用这个主题制作一个网站:Github repo主题演示

主题是使用主页上的博客提要 ( index.html) 构建的。我想做的是:

  1. 制作一个静态主页(即主页上没有博客提要),以及
  2. 将博客提要放在名为“Blog”的单独页面上,并带有链接“/blog”或“/blog.html”。

博客提要的代码位于_includes/blog.html并包含在home布局中,使用{% include blog.html %}.

我试过的

  • 将布局更改index.html为静态布局page,并在根目录中创建了一个名为blog.html该布局的新页面home- 这成功创建了一个静态主页,但博客页面产生了一个类似主页的标题但没有博客提要(本质上是一个带有无内容)。
  • blog.html在名为layout的根目录中创建了一个新页面,default并将主布局的内容(包括{% include blog.html %})粘贴到该页面中 - 这产生了与上述相同的结果。
  • 创建了一个名为 的新布局blog,它是当前home布局的副本。{% include blog.html %}我从home布局中删除了该行。然后我给出index.htmlhome布局并在根目录中创建了一个名为blog.htmllayout的新页面blog。这产生了与上述相同的结果。

简而言之,似乎博客提要无法在除 之外的任何文件中生成index.html,我也无法弄清楚原因。这是我在主题配置中缺少的东西吗?如果这是一个愚蠢的问题,我深表歉意——我对此很陌生。谢谢你能给我的任何帮助!

编辑:原来这是分页器的问题,默认情况下从家里分页。

0 投票
1 回答
1063 浏览

jekyll - 如何在markdown(使用jekyll主题)文件中为git-bash代码应用语法突出显示?

我想将语法突出显示应用于 git bash 代码,如下所示:

请点击此图片链接

我正在使用以下代码:

不适用于使用 github、Github、vim、diff、bash 等关键字,而不是git.

我怎样才能做到这一点?

示例:如果是 python,而不是 git:

此方法不适用于 git 代码。

0 投票
1 回答
63 浏览

jekyll - jekyll的远程主题中应该更改哪个部分以扩大帖子的窗口大小?

对于构建网页,我使用 github pages 和 jekyll remote 主题。我不熟悉jekyll和远程主题,所以不知道应该修改哪个部分,哪个部分不能在远程主题中。

另外,我目前正在使用so-simple-theme作为远程主题,并且想更改博客帖子的布局以使文章部分更宽(默认情况下,大多数页面都充满了空白,因此看不到代码很清楚)为了使帖子部分本身更宽,应该更改哪个文件和内容?

0 投票
1 回答
172 浏览

jekyll - 从主页/任何其他页面获取 Jekyll Pages 中特定帖子的阅读时间

我是 Liquid 和 Jekyll 的新手,使用下面的代码来计算帖子页面上的帖子阅读时间。但是我应该如何计算主页或任何其他页面上的阅读时间以将其显示在帖子标题下方?

当我也在主页上使用相同的代码时,我会在主页和特定帖子中获得不同的阅读时间。

我想我无法获得该帖子的上下文来计算其他页面上的字数。请建议。

0 投票
1 回答
35 浏览

jekyll - 使用 jekyll 构建 github pages 站点时 main.css 被索引

我正在尝试使用 github 页面设置我的网站(https://ashishrao7.github.io/ashish-rao/),到目前为止,除了一件小事外,体验一直很好。主页上出现了一个额外的磁贴,问题的根源是 css 文件 由于某种原因assets/css/main.css被索引为 a 。page我正在使用名为 Forty https://andrewbanchich.gitlab.io/forty-jekyll-theme/的 jekyll 主题的修改版本

我可以通过转到“_site”文件夹(不包含在 repo 中,因为它已构建)并删除与该不需要的图块关联的代码来临时在本地解决此问题。但是,每次我重建我的网站并且我正在寻找更持久的解决方案时,它都会重新出现。page经过一些调试,我发现这个不必要的索引图块由于某种原因被检测为_includes\tiles.html

但是,我现在被卡住了,我不知道如何解决这个问题。烦人的瓷砖如下图所示。

多余的瓷砖

单击后,它会将查看器带到页面https://ashishrao7.github.io/ashish-rao/assets/css/main.css,这不是我想要的。这是托管站点https://github.com/ashishrao7/ashish-rao的 github 存储库的链接。

0 投票
2 回答
219 浏览

html - 删除 Jekyll 页面上的元素

我是一个正在尝试使用 Jekyll 建立网站的初学者,我目前正在使用从 GitHub 分叉的主题。

我喜欢这个主题,但想对“关于”页面等布局进行细微调整。我对“项目”、“技能”、“生物”和“教育”等部分不感兴趣。我纯粹只是想要“关于”部分。

  1. 如何删除不需要的部分?

  2. 我应该如何处理不需要部分的 .yml 和 .html 文件?有没有办法让它们保持静止?

我正在使用Leonids 主题

提前致谢!