Преобразование HTML в Handlebars.js для Ghost Blog?

Я очень новичок в Handlebars.js, и после того, как я возился с ним пару часов прошлой ночью, я все еще был немного сбит с толку. По сути, я пытался посмотреть на http://html5up.net/aerial или https://medium.com/web-design-code и применить его к пользовательской теме для моего блога-призрака. В основном внешний вид более крупного изображения заголовка с базой блога с постами под ним. Я знаю, что это немного расплывчато, но любая помощь будет оценена по достоинству. Спасибо!


person Garrett    schedule 11.06.2014    source источник


Ответы (1)


Самый простой способ, который я нашел при создании темы Ghost, — это взять бесплатную тему Casper, а затем изменить ее. Большая часть того, что вы хотите сделать, на самом деле будет выполняться с использованием обычных html/css/js с некоторыми манипуляторами. Это может показаться немного пугающим (по крайней мере, так было, когда я делал свой первый) со всеми различные команды handlebars, но, честно говоря, вам следует просто притвориться, что вы стилизуете обычный веб-сайт, и просто поместить туда handlebars. Например, взгляните на эту строку от Casper:

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

Это просто обычный заголовок с классом, стилизованным с помощью css, но вместо использования слов для заголовка просто используется вызов handlebars.

Я не совсем уверен, что вы ищете, так что, надеюсь, это поможет.

Кроме того, взгляните на некоторые бесплатные темы, которые вы можете получить, и, возможно, просто внести небольшие изменения, а не создавать свои собственные. Я думаю, что эти 2 могут быть похожи на то, что вы ищете:

Предварительная версия — http://etheeks.com/

Скачать — https://github.com/viktorbezdek/ghostentista

и

Предварительный просмотр – http://decode-ghost-demo.scotthsmith.com/

Скачать — https://github.com/ScottSmith95/Decode-for-Ghost

(Мы составили список всех тем Ghost, вы можете ознакомиться с другими бесплатными темами здесь (ссылка), если вы бы хотели)

Удачи!!

person howtoinstallghost    schedule 13.06.2014