如何将纯 html 部署到 Octopress？

Question

我正在使用 Octopress 编写 posts，它使用 markdown 文件生成 html 文件，使用 :

rake new_post['my_post']
rake generate

但是如果我需要在 post 中添加一些 JavaScript 演示怎么办，我需要在 post 中编写一些代码，这可能是 [=18] =] 我正在写的页面。

我可以使用 Octopress 实现这一点并保持整体风格的一致性吗？

Answer 1

您可以将您的 Javascript 块放入其自己的 HTML 文件中，在您的 source/_includes/ 目录中。然后您可以使用 Liquid 包含标签将其嵌入到您的 post 中：

---
layout: post
title: "JS Demo"
date: 2015-01-01 01:01:01
categories: 
---

{% include myjs.html %}

myjs.html 的内容为：

<div id="myelement"></div>

<script>
$('div#myelement').text("hello world");
</script>

和 myjs.html 将在 source/_includes/myjs.html。然后您的最终页面源代码将（例如）呈现为：

<div><h1>JS Demo</h1></div>
<div id="myelement">hello world</div>

如果你想构建你包含的 Javascript 代码，你可以在（例如）source/_includes/demo/ 中为 Javascript 文件创建一个目录，然后将你的Javascript 变成 source/_includes/demo.html。那么您的降价将包含以下 Liquid 包含标签：

{% include demo/demo.html %}

如何将纯 html 部署到 Octopress？

How to deploy pure html to Octopress?

github-pages

octopress