jekyll 相关问题

Jekyll是一个用Ruby编写的支持博客的静态站点生成器。在提出问题之前,请参阅https://talk.jekyllrb.com。

在 GitHub 页面上托管下一个应用程序时,js 和 css 未加载

Next.js 在 _next 文件夹中构建所有静态资源,但 Github 页面不需要提供这些文件。我的静态资产是404。 示例仓库:https://github.com/ajaymathur/ajaymathur.github.io

回答 2 投票 0

如何在Octopress中添加class="CodeRay"

我在 Octopress 中使用 kramdown 一段时间。我想将 CodeRay 添加到我的 Octopress 中。我安装了coderay。 ➜ octopress git:(来源) ✗ sudo gem install coderay 密码: 代码安装成功...

回答 1 投票 0

格式 Jekyll/Liquid 数字需要包含逗号

我正在尝试格式化 Jekyll 的 Front Matter 中自定义变量的数字,以便在每三个数字后使用一个逗号。前任。 1,000,000。我的号码在 Front Matter 中声明如下: --- 我的_努...

回答 1 投票 0

Markdown 缩写的全局定义

我正在使用 Jekyll 和 Markdown 生成网页。我想在每一页上都包含标准首字母缩略词的定义。示例首字母缩略词的定义如下所示: * [公关]:编程

回答 1 投票 0

类别的 Jekyll Hooks 给出“post['category'].reject { |t| t.empty? }”错误

我正在使用 Hooks 作为我网站的类别和标签。以下标签代码效果很好: Jekyll::Hooks.register :posts, :post_write 做 |post| all_existing_tags = Dir.entries("./src/_tags...

回答 1 投票 0

如何使用 Jekyll 列出文件夹中的所有页面?

我有一个文件夹,里面有很多 Markdown 文件,这些文件是页面。我想在我的标题中列出所有这些链接。我怎样才能在 Jekyll 中做到这一点?

回答 1 投票 0

github jekyll 页面构建一直失败

我正在使用 jekyll 维护一个 github 页面,今天我注意到无论我采取什么操作(例如,上传文件、删除文件、在文件中进行轻微的文本更改),我的构建都会失败。我是

回答 1 投票 0

Jekyll Github 页面如何隐藏帖子

我在我的网站上使用 jekyll 和 Github 页面。 我正在尝试使一些帖子在家庭中不可见,但可以从另一个帖子链接它们。 在 frontmatter 中,我尝试添加一个可见字段...

回答 5 投票 0

Jekyll for 循环仅包装前两个元素

我刚开始使用 jekyll,有一段时间我遇到了一个奇怪的问题,我无法弄清楚。 所以我有一个像这样的moviesingle.html。 我刚开始使用 jekyll,有一段时间我遇到了一个奇怪的问题,我无法弄清楚。 所以我有一个像这样的moviesingle.html。 <div class="grid__item2"> <div class="card"> <div class="card_left"> <img src="{{ movie.poster }}" alt="{{ movie.title }}" /> </div> <div class="card_right"> <h1>{{ movie.title }}</h1> <div class="card_right__details"> <ul> <li>{{ movie.year }}</li> <li>{{ movie.director }}</li> <li>{{movie.rating}} / 10</li> </ul> <div class="card_right__review"> <p>{{ movie.description }}</p> <a href="{{movie.link}}" target='_blank'>Read more</a> </div> </div> </div> </div> </div> </div> </div> 我也有一个这样的 movielist.html {% for movie in site.movies %} {% include moviesingle.html %} {% endfor %} 我有一个像这样的movies.html --- layout: default title: "Movies" permalink: /movies/ author_profile: true --- <div id="wrapper">{% include movielist.html %}</div> 这是我的问题,我希望创建的所有 moviesingle.html 都位于 id="wrapper" 的 div 内,但仅包含前两个元素,其余元素位于 .这就是最终结果: <div id="wrapper"> <div class="grid__item2"> <div class="card"> <div class="card_left"> <img src="..." alt="..."> </div> <div class="card_right"> <h1>...</h1> <div class="card_right__details"> <ul> <li>...</li> <li>...</li> <li>... / 10</li> </ul> <div class="card_right__review"> <p></p> <a href="..." target="_blank">Read more</a> </div> </div> </div> </div> </div> </div> <div class="grid__item2"> <div class="card"> <div class="card_left"> <img src="..." alt="..."> </div> <div class="card_right"> <h1>Arcane Season 1</h1> <div class="card_right__details"> <ul> <li>...</li> <li>...</li> <li>... / 10</li> </ul> <div class="card_right__review"> <p></p> <a href=...">Read more</a> </div> </div> </div> </div> </div> 如果我不循环内容(例如放置空),则不会发生这种情况。如果我将任何其他元素放入包装器中,仍然只包含循环的前两次迭代。如果有人知道发生了什么事,我将非常感激 像这样改变电影单曲: <div class="grid__item2"> <div class="card"> <div class="card_left"> <img src="{{ movie.poster }}" alt="{{ movie.title }}" /> </div> <div class="card_right"> <h1>{{ movie.title }}</h1> <div class="card_right__details"> <ul> <li>{{ movie.year }}</li> <li>{{ movie.director }}</li> <li>{{movie.rating}} / 10</li> </ul> <div class="card_right__review"> <p>{{ movie.description }}</p> <a href="{{movie.link}}" target='_blank'>Read more</a> </div> </div> </div> </div> </div> 最后你有两个太多了 {% for movie in site.movies %} {% include moviesingle.html %} {% endfor %} 看起来不错。 但是,在 moviesingle.html 中,您关闭了两个额外的 div。如果您以结构化方式编写代码,如下所示: <div class="grid__item2"> <div class="card"> <div class="card_left"> <img src="{{ movie.poster }}" alt="{{ movie.title }}" /> </div> <div class="card_right"> <h1>{{ movie.title }}</h1> <div class="card_right__details"> <ul> <li>{{ movie.year }}</li> <li>{{ movie.director }}</li> <li>{{movie.rating}} / 10</li> </ul> <div class="card_right__review"> <p>{{ movie.description }}</p> <a href="{{movie.link}}" target='_blank'>Read more</a> </div> </div> </div> </div> </div> </div> </div> 那么一看代码就明白了。

回答 2 投票 0

Ruby、Jekyll 和 Rack/Handler 有什么问题

我分叉了 github 项目 sujaykundo777 并希望自定义我的博客 为此,我下载了 Ruby 来使用 127.0.0.1 制作博客 但制作博客错误太多 为了解决该错误,我...

回答 1 投票 0

部署在 GitHub Pages 上的 Jekyll 网站缺少样式(可能是缓存问题)

我正在尝试为我的 Github 项目部署 Jekyll 网站。该网站的代码可以在 gh-pages 分支中找到。 当部署在 localhost 上时,页面看起来与预期一致,但在 Github Pages 上却...

回答 1 投票 0

如何更改图标?

所以我从 https://realfavicongenerator.net/ 获取了图片 zip 文件 下载了 zip,更改此路径:'X:\OneDrive\website\myusername.github.io_site ssets\img avicons' 文件并替换...

回答 1 投票 0

如何使用 Jekyll 在 .md 文件中添加按钮

有没有办法使用 Jekyll 将带有一些 CSS 格式的简单 HTML 按钮添加到 Markdown 文件中?我对 Jekyll 很陌生,不太了解它的解决方法。我想做这个按钮...

回答 5 投票 0

如何在jekyll中添加脚本标签?

Jekyll 是一个简单的、博客感知的静态站点生成器,适用于个人、项目,我如何在这样的 ruby 项目中添加脚本标签。 我的index.html 看起来像这样: --- 布局:默认 --- Jekyll 是一个简单的、博客感知的静态站点生成器,适用于个人、项目,我如何在这样的 ruby 项目中添加脚本标签。 我的index.html 看起来像这样: --- layout: default --- <div class="home"> <h1 class="page-heading">Posts</h1> <ul class="post-list"> {% for post in site.posts %} <li> <span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span> <h2> <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a> </h2> </li> {% endfor %} </ul> <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via RSS</a></p> </div> 文件夹结构也由文件和文件夹组成,如下所示:about.md _config.yml css feed.xml _includes index.html _layouts _posts _sass _site 我正在尝试探索静态网页的 jekyll 平台。 第1步:制作脚本文件。 照常创建脚本 (.js) 文件。 您可能希望保存在适当的文件夹中,例如: ../assets/js/some-script.js 如果没有,您可能需要创建 /assets/ 文件夹。 不要在文件夹名称前面使用下划线 (_),然后 Jekyll 会简单地将该文件夹和内容复制到“_site”的构建中作为静态资产。 第 2 步:在 html 中调用/引用脚本。 然后按照你想要的方式称呼它,例如: ...<script src="{{ base.url | prepend: site.url }}/assets/some-script.js"></script>.... 如果您希望脚本在每个页面上可用,请将调用放入您的 default.html 布局文件中。然后,使用该 default.html 布局的每个页面都将调用该脚本。该布局文件可以在 _layouts/default.html 找到。 如果您只想在当前页面上使用它,只需在 some-page.md markdown 中以相同的方式调用它即可。 如果您只想在它运行时调用它,并且不想在开发时调用它(例如,谷歌分析脚本),则将调用包装在 if 语句中,如下所示: {% if site.environment == "production" %}<script src="//localhost:35729/livereload.js"></script>{% endif %} 希望这有帮助。 您可以将 <script> 标签添加到文件中: _includes/head-custom.html 然后它将包含在所有页面上。

回答 2 投票 0

即使刚刚安装也找不到google protobuf gem

首先,我没有使用系统ruby,我使用的是新安装的,因为Mac OS上的系统ruby存在很多问题。哪个红宝石和哪个宝石都显示他们正在使用...

回答 1 投票 0

在配备 Sonoma 14.2.1 和 M1 Pro 芯片的 MacBook Pro 上出现“未找到 Jekyll 命令”的问题

我在使用 M1 Pro 芯片运行 Sonoma 14.2.1 的 MacBook Pro 上遇到 Jekyll 问题。最初,我遇到了与系统Ruby相关的问题,所以我使用rb安装了Ruby 3.3.0...

回答 1 投票 0

bundle exec jekyll 服务在本地无法工作

我正在点击此链接在 Github 上设置我的个人网站。网站已经部署成功,现在可以访问了。 我的 ruby 版本是 3.3.0,我的 gem 版本是 3.5.4。我也有...

回答 1 投票 0

使用jekyll在github页面上加载MathJax而不覆盖布局

我有一个使用 Jekyll 设置的 GitHub Pages 站点:https://davidelegacci.github.io/Research/。我需要加载 MathJax 来显示数学内容,但这样做最终会覆盖布局,获得 st...

回答 1 投票 0

Jekyll kramdown:如何禁用在表格中生成样式?

我有带有标准 Markdown 表的 Markdown 文件: | AAA | BBB | |:---:|:---:| | 1 | 2 | | 3 | 4 | Jekyll 渲染得很好,但添加了 text-align: center; td 的风格: ... 我有带有标准 Markdown 表的 Markdown 文件: | AAA | BBB | |:---:|:---:| | 1 | 2 | | 3 | 4 | Jekyll 渲染得很好,但在 text-align: center; 的风格中添加了 td: <table> <thead> <tr> <th style="text-align: center">AAA</th> <th style="text-align: center">BBB</th> </tr> </thead> <tbody> <tr> <td style="text-align: center">1</td> <td style="text-align: center">2</td> </tr> <tr> <td style="text-align: center">3</td> <td style="text-align: center">4</td> </tr> </tbody> </table> 如何禁用此功能,以便 jekyll 不向表格元素添加任何样式? 谢谢你的帮助 我有 Jekyll 4.3.2,这是我的 _config.yml 的内容: highlighter: rouge markdown: kramdown kramdown: extensions: - Hard_wrap - no_intra_emphasis - strikethrough - fenced_code_blocks - autolink - with_toc_data - highlight - footnotes input: GFM sass: style: :compressed permalink: "/:title/" slugify: "pretty" 解决方案是从 hrader 分隔符中删除冒号: | AAA | BBB | |-----|-----| | 1 | 2 | | 3 | 4 |

回答 1 投票 0

-bash:rbenv:找不到命令

我尝试通过 ruby rbnev 安装 jekyll,然后将 open ~/.bash_profile 放入终端并在文本编辑器中输入 eval "$(rbenv init -bash)" ,这是唯一的方法...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.