从外部源导入和语法高亮代码

Question

我不是前端开发人员，并且一直在努力让 highlight.js 做我想做的事。需要在博客中很好地显示代码。好的，它完美地工作，因为它呈现了我发布的代码

<pre><code>...</code></pre>

...使用所选的样式非常漂亮和丰富多彩，例如idea.css。我已经准备好了所有样式和 highlight.pack.js 可以放入目录中。

但是在这些标签之间粘贴整个程序太麻烦了！如果代码可以保留在其文件中，则它可以更干净地重用于其他事物。

什么是最短和最优雅的方法（如果可能，不加载任何外部库）让它myCode.py从这些标签之间的同一目录中的python文件中提取代码？

该库的主要参考资料在这里。

Answer 1

我假设您的代码文件要突出显示在网络服务器上。

1. 使用 JQuery 导入文件get。
2. 将内容放入代码标签中。
3. 从 hightlight.js 调用适当的函数以使其突出显示代码。

下面是一些 HTML/JS 代码：

<pre><code></code></pre>
<script type="text/javascript">
  $.get("/myCode.py", function(response) {  //(1)
    $("code").html(response);               //(2)
    $("code").each(function(i, block) {    
    hljs.highlightBlock(block);             //(3)
    });
});
</script>

请注意，这里假设<code>您的页面中只有一个标签。否则需要调整第 2 步。