I would recommend to use Content By Search web part. You'd have to create two display templates, one for control and one for item. Since all the properties you're pulling are already mapped, you wouldn't need to create managed properties. To get the image (first image) from your blog, use the following in your ManagedPropertyMapping.
'Picture URL'{Picture URL}:'BodyOWSMTXT'
Here's a sample that pulls image out of body and makes use of image rendition.
var pictureURL = $getItemValue(ctx, "Picture URL");
var pictureId = encodedId + "picture";
var pictureMarkup = Srch.ContentBySearch.getPictureMarkup(pictureURL, 150, 150, ctx.CurrentItem, "img-circle", line1, pictureId);
var pictureURLWithRendition = Srch.U.getImageSourceWithRendition(pictureURL, 150, 150);
There are plenty of sample on github SPCSR to get you started. The out of the box 3-line display template is a good start. The only disadvantage I can think of this approach is the time SharePoint takes to index the new content since it's based on search.