0

我正在尝试在 Jekyll 文章中添加特定的 GitHub gist 代码行。使用jekyll-gist我可以使用格式嵌入整个要点{% gist <gist_ID> %}，但是这会显示整个要点。

另一种方法是使用gist-embedHTML，如下所示：

<script
  type="text/javascript"
  src="https://cdn.jsdelivr.net/npm/gist-embed@1.0.4/dist/gist-embed.min.js"
></script>

<code data-gist-id="<gist_ID>" data-gist-line="X-X" data-gist-hide-footer="true"></code>

虽然这会在 Jekyll 中产生带有双开括号的混乱结果。

有没有办法在 中使用data-gist-line参数jekyll-gist？或者是否有与 Jekyll 降价文件配合良好的替代方案？

4

1 回答 1

0

尽管不是漂亮的解决方案，但有效的方法是为生成的代码块创建特定的 CSS 异常， gist-embed如下所示：

td:not([id^="file-"]) # removes any borders around gist's line numbers
code:not([data-gist-id]) # get's rid of double inline-code formatting brackets

一个非 HTML 降价解决方案jekyll-gist会更漂亮，但这可以通过干净的输出完成工作。

于 2021-09-22T13:49:55.233 回答