如何将HTML,JS和CSS放在Github页面.md文件中?

时间:2015-09-25 22:06:40

标签: ruby jekyll liquid github-pages

我正在为我的Github托管网站撰写帖子。我写信给my-first-post.md

我在script代码中使用Javascript,在style代码中使用CSS,在divspan s中使用HTML。

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

我做错了什么?

1 个答案:

答案 0 :(得分:2)

“HTML是一种发布格式; Markdown是一种写作格式。” - daringfireball

Markdown应该很简单。

除非你有充分的理由这样做,否则你不应该把javascript放入markdown,即便如此我也不认为每个降价转换器都会处理javascript。

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

任何CSS或javascript都应作为主题的一部分包含在内。

编辑,解释jekyll文件结构:

因此,您的Jekyll网站应该具有类似this的文件结构。从广义上讲,您的CSS和javascript应位于default.html文件夹中的_layouts文件中。你可能会注意到该文件似乎是一个普通的HTML文件,或多或少。博客文章 - 将其转换为HTML后的降价 - 将自己插入到{{ content }}标记的布局中。

此外,CSS和javascript不一定是 default.html中的。它也可以在您链接的外部文件中来自default.html