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

时间:2014-06-11 17:14:54

标签: html5 handlebars.js ghost-blog

我是Handlebars.js的新手,经过几个小时搞砸了一晚,我还是有点困惑。基本上,我试图采用http://html5up.net/aerialhttps://medium.com/web-design-code的外观并将其应用于我的幽灵博客的自定义主题。基本上是一个更大的标题图片的外观与博客基础下面的帖子。我知道这有点模糊,但任何帮助都会受到赞赏。谢谢!

1 个答案:

答案 0 :(得分:3)

我在创建Ghost主题时找到的最简单的方法是获取免费的Casper主题,然后进行修改。你想要做的大部分实际上是使用普通的html / css / js和一些把手混在一起完成的。看起来有点令人生畏(至少在我第一次做的时候)所有的不同的把手命令,但老实说,你应该假装你正在设计一个普通的网站,只需放置把手。例如,看看卡斯珀的这一行:

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

它只是一个普通的标题,其中一个类由css设计,但是不使用标题的单词,只需使用句柄调用。

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

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

预览 - http://etheeks.com/

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

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

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

(我们编制了每个Ghost主题的列表,你可以在这里查看其他免费主题(link),如果你愿意的话)

祝你好运!!