为 Ghost 博客将 HTML 转换为 Handlebars.js？

Question

我对 Handlebars.js 很陌生，前几天晚上搞砸了几个小时后，我仍然有点困惑。基本上，我试图查看http://html5up.net/aerial或https://medium.com/web-design-code并将其应用于我的幽灵博客的自定义主题。基本上是一个更大的标题图片，带有一个博客基地，下面有帖子。我知道这有点含糊，但任何帮助将不胜感激。谢谢！

Answer 1

我在创建 Ghost 主题时发现的最简单的方法是获取免费的 Casper 主题，然后对其进行修改。你想要做的大部分事情实际上只是使用普通的 html/css/js 和一些把手混合来完成。它看起来有点令人生畏（至少在我做我的第一个的时候）所有的不同的handlebars 命令，但老实说，你应该假装你正在为一个普通网站设计样式，然后将handlebars 放入。例如，看看Casper 的这一行：

 <h1 class="blog-title">{{@blog.title}}</h1>

它只是一个普通的标题，带有一个由 css 样式化的类，但不是使用标题的单词，而是使用 handlebars 调用。

我不完全确定你在找什么，所以希望这会有所帮助。

另外，看看你可以获取的一些免费主题，也许只是做一些小的调整而不是构建你自己的主题。我认为这两个可能与您正在寻找的相似：

预览 - http://etheeks.com/

下载 - https://github.com/viktorbezdek/ghostentista

和

预览 - http://decode-ghost-demo.scotthsmith.com/

下载 - https://github.com/ScottSmith95/Decode-for-Ghost

（我们编制了每个 Ghost 主题的列表，如果您愿意，可以在此处（链接）查看其他免费主题）

祝你好运！！