show banner image in blog post list (#2905)

frappe/website/doctype/blog_post/blog_post.py

@@ -170,6 +170,7 @@ def get_blog_list(doctype, txt=None, filters=None, limit_start=0, limit_page_len
 	posts = frappe.db.sql(query, as_dict=1)
 
 	for post in posts:
+		post.cover_image = find_first_image(post.content)
 		post.published = global_date_format(post.creation)
 		post.content = strip_html_tags(post.content[:340])
 		if not post.comments:

frappe/website/doctype/blog_post/templates/blog_post_row.html

@@ -3,6 +3,11 @@
 	<div class="row">
 		<div class="col-xs-12">
 			<h1 class="blog-header"><a href="/{{ post.route }}">{{ post.title }}</a></h1>
+			{% if post.cover_image %}
+			<p style="height: 200px; overflow: hidden;">
+				<img src="{{ post.cover_image }}" alt="{{post.title}} - Cover Image" style="width: 60%;"/>
+			</p>
+			{% endif %}
 			<p class="post-description">{{ post.intro }}</p>
 			<p class="post-by text-muted small">
 				<a href="/blog?blogger={{ post.blogger }}"