首先直接说结论：jekyll-gist插件本身不支持data-gist-line这类行筛选参数，它的设计就是用来嵌入完整的Gist内容，没有原生的行范围选择功能。不过有几个可行的替代方案来解决你的问题：

方案1：用Raw标签包裹gist-embed代码，避免Jekyll解析冲突 #

你之前尝试的gist-embed工具是可行的，但问题出在Jekyll的Liquid模板引擎会误解析代码里的特殊字符（比如双括号）。解决方法是用Jekyll的raw标签把这段HTML代码包裹起来，让Jekyll跳过对它的解析：

{% raw %}
<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="你的GistID" data-gist-line="X-Y" data-gist-hide-footer="true"></code>
{% endraw %}

把上面的你的GistID和X-Y替换成实际值即可，这样就能正常显示指定行的Gist内容，还能保留gist-embed的样式和无footer的设置。

方案2：使用GitHub Gist的iframe嵌入（带行号锚点） #

GitHub本身支持在Gist的URL后添加#Lx-Ly来定位到指定行，你可以直接用iframe嵌入这段链接：

<iframe src="https://gist.github.com/你的GitHub用户名/你的GistID#LX-LY" width="100%" height="250" frameborder="0"></iframe>

这个方法不需要额外引入JS，但缺点是iframe的样式可能和你的博客主题不太统一，需要手动调整高度来适配内容。

方案3：手动复制代码段到文章中 #

如果需要展示的代码段比较短，最简单的方法就是直接把Gist里的目标行复制出来，用Markdown代码块包裹，同时标注来源：

// 来源：GitHub Gist https://gist.github.com/xxx/yyy 第X-Y行
function demo() {
  console.log("指定行的代码");
}

这种方式完全没有兼容性问题，也不需要依赖任何插件或外部资源。

总结 #

最推荐的是方案1，既保留了gist-embed的便捷性和样式一致性，又通过raw标签解决了Jekyll的解析冲突问题。

内容的提问来源于stack exchange，提问作者Bas Krahmer