Javascript 随机化标题图像以与Ghost.JS上的帖子链接同步

我正在尝试让我的标题图像与Ghost.js上的点击链接同步。我已经能够在每次新页面加载时生成一个随机链接，但我不确定如何使用该链接的标题图像

是否有人熟悉ghost并了解hbs将如何在下面的代码中使用？我需要使用hbs还是可以使用“post.image”将图像与“post.url”同步

$(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;
}

$（文档）.ready（函数（）{
美元(
api（'posts'，{limit:'all'}）
).完成（成功时）；
});
函数onSuccess（数据）{
var$result=$（“#特色”）；
var sortedPosts=shufflarray（data.posts）；
var displayPosts=分拣后的邮件切片（0,1）；
$.each（displayPosts，function（i，post）{
$result.append(
“
”
);
});
}
函数shuffleArray（数组）{
对于（var i=array.length-1；i>0；i--）{
var j=Math.floor（Math.random（）*（i+1））；
var-temp=数组[i]；
数组[i]=数组[j]；
数组[j]=温度；
}
返回数组；
}

正如您所说，

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>'
);

$result.append(
''
“
”
);

---

这有意义吗？这就是你要找的吗？

你好，大卫，谢谢！这绝对有助于为我指明正确的方向。看来需要关闭img src并将其添加到li中+