我极有可能有错误逻辑,但我只是学习JavaScript和Jekyll.
我的目标是通过JavaScript操作HTML元素,并将一些Jekyll变量放在该元素的内部HTML中.一切都是从本地开发目录加载的jekyll serve.我尝试了以下方法:
HTML:
<html>
<body>
<h2>Something</h2>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
JavaScript的:
document.addEventListener("DOMContentLoaded", function () {
manipulate = document.getElementsByTagName("h2");
manipulate[0].innerHTML = "{{ page.title }}";
});
Run Code Online (Sandbox Code Playgroud)
结构体:
??? _config.yml
??? contact-us.md
??? css
? ??? main.scss
??? feed.xml
??? _includes
? ??? footer.html
? ??? header.html
? ??? head.html
? ??? readtime.html
? ??? sidebar.html
??? index.html
??? js
? ??? anchor.js
? ??? tags.js
??? _layouts
? ??? default.html
? ??? page.html
? ??? post.html
? ??? single.html
? ??? …Run Code Online (Sandbox Code Playgroud)