如何将 HTML、JS 和 CSS 放入 Github 页面 .md 文件？答案

【问题标题】：How do I put HTML, JS and CSS in a Github page .md file?如何将 HTML、JS 和 CSS 放入 Github 页面 .md 文件？
【发布时间】：2015-09-25 22:06:39
【问题描述】：

我正在为我的 Github 托管网站写一篇文章。我正在写信给my-first-post.md。

我在script 标记中有Javascript，在style 标记中有CSS，在divs 和spans 中有HTML。

当我将代码粘贴到 .md 并通过 Ruby 运行 jekyll serve 时，我得到的只是一个带有原始 HTML 的页面。

我做错了什么？

【问题讨论】：

标签： ruby jekyll liquid github-pages

【解决方案1】：

“HTML 是一种发布格式；Markdown 是一种书写格式。” --daringfireball

Markdown 应该很简单。

除非您有充分的理由这样做，否则您不应该将 javascript 放入 markdown 中，即使那样我也不认为每个 markdown 转换器都会处理 javascript。

理想情况下，您的降价应仅限于 this list 并且可能是一些简单的 HTML。

任何 CSS 或 javascript 都应包含在您的主题中。

编辑，解释 jekyll 文件结构：

所以你的 Jekyll 站点应该有一个类似于this 的文件结构。从广义上讲，您的 CSS 和 javascript 应该位于位于 _layouts 文件夹中的 default.html 文件中。您可能会注意到该文件或多或少似乎是一个常规的 HTML 文件。博客文章（即转换为 HTML 后的降价）将在 {{ content }} 标记处将自身插入到布局中。

此外，CSS 和 javascript 不必在 in default.html。它也可以在您从default.html

链接到的外部文件中

【讨论】：

所以如果我想在一篇文章中包含 JS、CSS 和自定义 HTML，我需要 include 一个 HTML/JS/CSS 文件吗？
如果我理解这个问题，我想您的答案可能在_includes 文件夹中找到。再次查看this link。我会说 Jekyll 不会特别擅长将 javascript 和 CSS 加载到一个页面中。您可能需要仅为该页面创建一个布局。不过，我可能并不了解所有内容。