Ghost.JSの投稿リンクと同期するためにヘッダ画像をランダム化

Question

私はGhost.js上でクリックスルーリンクを使用して私のヘッダ画像の同期を取ろうとしています。新しいページの読み込みごとにランダムなリンクを生成することができましたが、そのリンクに属するヘッダーイメージをどのように取得するのかはわかりません。

ゴーストに精通している人で、下のコードでhbsがどのように使用されるのか理解していますか？あなたが言ったように、post.imageはあなたが使用しているのと同じポストの表紙画像になります

$(document).ready(function() { 
    $.get(
     ghost.url.api('posts', {limit: 'all'}) 
    ).done(onSuccess); 
}); 

function onSuccess(data) { 
    var $result = $('#featured'); 
    var sortedPosts = shuffleArray(data.posts); 
    var displayPosts = sortedPosts.slice(0,1); 
    $.each(displayPosts, function (i, post) { 
     $result.append(
      '<li><i class="fa fa-star"></i><a href="http://www.enflight.design/' + post.url + '">' + post.title + '</a></li>' 
     ); 
    }); 
} 

function shuffleArray(array) { 
    for (var i = array.length - 1; i > 0; i--) { 
     var j = Math.floor(Math.random() * (i + 1)); 
     var temp = array[i]; 
     array[i] = array[j]; 
     array[j] = temp; 
    } 
    return array; 
} 

Answer 1

私はHBSを使用する必要はありますか私は「post.url」で画像を同期する「post.image」を使用することができますpost.url。したがって、画像とリンクを追加する場合は、画像ソースをpost.imageで追加してください。ちょうど良い結果が得られます。このように：

$result.append(
    '<img src=' + post.image + '>' 
    '<li><i class="fa fa-star"></i><a href="http://www.enflight.design/' + post.url + '">' + post.title + '</a></li>' 
); 

意味がありますか？それはあなたが探しているものですか？