added up images in markdown

Author: abheektripathy

Blogs/official_site_revamped.md

@@ -1,6 +1,7 @@
 ---
 title: Official Site Revamped!
 date: 2023-07-20
+cover: /site/images/favicon.png
 ---
 
 Thanks to the work put in place by our GSoC contributor [Abheek](https://twitter.com/abheekblahblah) and the help of all the involved mentors (myself :P Daniele and Aditya) we are proud to announce the release of our new official Site with a completely revamped Interface!

Blogs/presenting_greedybear.md

@@ -1,6 +1,7 @@
 ---
 title: Presenting GreedyBear
 date: 2023-07-20
+cover: /site/images/favicon.png
 ---
 
 [GreedyBear](https://github.com/intelowlproject/GreedyBear) is a tool that was created mainly to help to extract Indicators of Compromise from one or more available [TPOTs](https://github.com/telekom-security/tpotce). For those who do not know this tool, we are talking about the most popular all-in-one honeypot available in the community.

contentlayer.config.ts

@@ -6,6 +6,7 @@ export const Post = defineDocumentType(() => ({
   fields: {
     title: { type: 'string', required: true },
     date: { type: 'date', required: true },
+    cover: { type: 'string', required: true },
   },
   computedFields: {
     url: { type: 'string', resolve: (post) => `/blogs/${post._raw.flattenedPath}` },

src/app/blogs/[slug]/page.tsx

@@ -2,6 +2,7 @@ import { format, parseISO } from 'date-fns'
 import { allPosts } from '../../../../.contentlayer/generated'
 import { Header } from '../../../../components/Header'
 import Footer from '../../../../components/Footer'
+import Image from "next/image"
 
 export const generateStaticParams = async () => allPosts.map((post) => ({ slug: post._raw.flattenedPath }))
 
@@ -25,6 +26,7 @@ const PostLayout = ({ params }: { params: { slug: string } }) => {
           {format(parseISO(post.date), 'LLLL d, yyyy')}
         </time>
         <h1 className="text-white font-SpaceGrotesk font-bold text-3xl md:text-6xl ">{post.title}</h1>
+        <Image src={post.cover} width={100} height={100} alt={""} className="pb-12"></Image>
       </div>
       <div className="font-SpaceGrotesk text-white text-left py-5 opacity-70 text-md [&>*]:mb-3 [&>*:last-child]:mb-0" dangerouslySetInnerHTML={{ __html: post.body.html.replace(/<a/g, '<a style="color: #00ADEE;"'), }} />
     </main>