我一直关注文章Github Metadata with Jekyll and JavaScript,该文章提到了如何使用Jekyll和Javascript来使用Github存储库元数据。
那里的文章说你需要在链接到外部JS文件之前将以下内容添加到 index.html 。现在repos是全局可用的,因此您可以在我们的外部JS文件中使用它。
<script>
var repos = {{ site.github.public_repositories | jsonify }};
</script>
我创建了一个 index.html 文件,其中包含以下内容。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>GitHub Repository</title>
</head>
<body>
<script>
var repos = {{ site.github.public_repositories | jsonify }};
</script>
<script src="https://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="github-repo.js"></script>
</body>
</html>
的github-repo.js
$(document).ready(function(){
console.log(repos);
});
但是,当我运行代码时,我得到未捕获的ReferenceError:没有定义repos 错误