嵌入部分 Gist 文件

Question

嵌入部分 Gist 文件

5

我已经设置了一个gist，链接在这里。我使用以下代码将我的gist中的单个文件嵌入网页中。

<script src="https://gist.github.com/4672365.js?file=1.java" type="text/javascript"></script>

但是我想要的是从文件1.java嵌入一行代码。你可以说我只想将文件1.java中的第2行代码嵌入到我的网页中。谢谢提前帮助 :)

- Kashif Umair Liaqat

3个回答

4

最正确和最快的方法是将.js地址与?file=file.name合并：）

<script src="https://gist.github.com/kashif-umair/4672365.js?file=MyApplication.java"></script>

- Stan

如果我只想渲染MyApplication.java文件中的第7行，该怎么办？ - Kashif Umair Liaqat

-1

创建一个Gist，只包含你需要的那一行代码。

- jmruc

难道没有其他的方法吗？ - Kashif Umair Liaqat

@KULKING Gist是非常简单的东西，不要把它搞得更复杂。你只需要复制/粘贴一行代码即可。 - jmruc

我已经回答了自己的问题。请看一下并提出任何需要改进的建议。 - Kashif Umair Liaqat

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Kashif Umair Liaqat · Accepted Answer

在我没有得到对这个问题有帮助的答案后，我尝试自己编写了一些javascript代码。我已经将该代码上传到github。这个链接上的文件会自动完成嵌入操作。要将单行嵌入到您的网页中，您需要在HEAD标签中添加对我的Javascript文件的引用。以下是一个简单的代码示例。

<html>
  <head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" ></script>
    <script type="text/javascript" src="https://github.com/kashif-umair/gist-embed/raw/feature/show_single_line/gist-embed.js" ></script>
  </head>
  <body>
    <code id="gist-<YOUR_GIST_ID>" data-file="<YOUR_FILE_NAME_IN_GIST>" data-line="<LINE_NUMBER>"></code>
  </body>
</html>

你需要将YOUR_GIST_ID替换为您的gist ID，将YOUR_FILE_NAME_IN_GIST替换为您想要嵌入行的文件名，并将LINE_NUMBER替换为您想要嵌入的文件中的行号。

注意：

如果您想嵌入单行，则文件名和行号都应该在代码标记中出现。
如果您想从文件中选择嵌入多个行，则应该像打印Microsoft Word页面范围一样放置值。例如：data-line="1-4,10,12-15"。请确保使用正确的语法放置这些值，以避免得到奇怪的结果。
如果您想嵌入整个文件，则请从代码标记中删除data-line属性。

希望我已经帮助到那些面临此问题的人们。

由于我不断地对我的javascript文件进行更改，因此我认为每次更新此答案都不是一个好主意。所以从现在开始，我会在GitHub存储库中更新README.md文件。任何有问题的人都可以访问github阅读README.md文件。供参考，我在此添加了指向我的存储库的链接。

https://github.com/kashif-umair/gist-embed

P.S：请查看我在github存储库中的javascript文件并为编码提供任何良好实践建议。