Merge pull request #1 from prateekbh/blog-details

Update prerender-urls.js

Author: prateekbh

content/blog/how-to-share-a-screenshot-of-the-page.md

@@ -1,9 +1,7 @@
 ---
 title: How to share a screenshot of the page
 date: 2019-09-07T05:42:28.441Z
-subtitle: >-
-  If you have ever built an application which needs to take a screenshot of
-  itself, then this blog tells you how to do the same for web.
+subtitle: If you have ever built an application which needs to take a screenshot of itself, then this blog tells you how to do the same for web.
 cover: /assets/cody-black-nm89mzvar5i-unsplash.jpg
 tags: 'technology, javascript'
 ---

prerender-urls.js

@@ -20,7 +20,7 @@ module.exports = () => {
 		return {
 			url: `/blog/${blog.id}`,
 			data: {
-				title: blog.details.title,
+				details: blog.details,
 				content: data
 			}
 		};

src/routes/blog/index.js

@@ -13,7 +13,8 @@ const blogs = (props) => {
 	if (data && data.data) {
 		return (
 			<article class={style.blogcontainer}>
-				<h1 class={style.blogtitle}>{data.data.title}</h1>
+				<h1 class={style.blogtitle}>{data.data.details.title}</h1>
+                                <caption class={style.blogsubtitle}>{data.data.details.subtitle}</caption>
 				<div class={style.blogbody}>
 					<Markdown>{ data.data.content }</Markdown>
 				</div>

src/routes/blog/style.css

@@ -16,4 +16,11 @@
 
 .blogbody img {
   max-width: 100%;
-}
+}
+
+.blogsubtitle {
+  font-weight:300;
+  color: #999;
+  display: block;
+
+}

src/static/config.yml

@@ -12,7 +12,7 @@ collections:
     fields:
       - { label: "Title", name: "title", widget: "string"}
       - { label: "Publish Date", name: "date", widget: "datetime" }
-      - { label: "Subtitle", name: "subtitle", widget: "text"}
+      - { label: "Subtitle", name: "subtitle", widget: "string"}
       - { label: "Cover", name: "cover", widget: "image"}
       - { label: "Tags", name: "tags", widget: "string" }
       - { label: "Body", name: "body", widget: "markdown"}