Update blog posts

src/contents/portfolio-website-development.md

@@ -11,12 +11,16 @@ tags:
   - HeadlessCMS
   - Blog
 description:
-  My experience about developing my first portfolio website and a blog
+  "EXAMPLE POST: My experience about developing my first portfolio website and a blog
-  using NextJS and a headless CMS.
+  using NextJS and a headless CMS."
 ---
 
+> This article is originally from my [blog post](https://satnaing.dev/blog/posts/how-do-i-develop-my-portfolio-and-blog). I put this article to demonstrate how you can write blog posts/articles using AstroPaper theme.
+
 My experience about developing my first portfolio website and a blog using NextJS and a headless CMS.
 
+![Building portfolio](https://satnaing.dev/_ipx/w_2048,q_75/https%3A%2F%2Fres.cloudinary.com%2Fnoezectz%2Fimage%2Fupload%2Fv1653050141%2FSatNaing%2Fblog_at_cafe_ei1wf4.jpg?url=https%3A%2F%2Fres.cloudinary.com%2Fnoezectz%2Fimage%2Fupload%2Fv1653050141%2FSatNaing%2Fblog_at_cafe_ei1wf4.jpg&w=2048&q=75)
+
 ## Motivation
 
 I've been always thinking about launching my own website with my custom domain name (**satnaing.dev**) since my college student life. But that never happened until this project. I've done several projects and works about web application development but I didn't make an effort to do this.

src/contents/rec-3.md

@@ -1,21 +0,0 @@
----
-title: My recent article 3
-author: Sat Naing
-datetime: 2022-06-02T02:02:01Z
-slug: my-recent-3
-featured: false
-draft: false
-tags:
-  - TypeScript
-  - Astro
-description:
-  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
-  incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel
-  fringilla est
----
-
-My experience about developing my first portfolio website and a blog using NextJS and a headless CMS.
-
-## Motivation
-
-rec 1

src/contents/rec-4.md

@@ -1,21 +0,0 @@
----
-title: My recent article 4
-author: Sat Naing
-datetime: 2022-05-05T05:05:55Z
-slug: my-recent-4
-featured: false
-draft: false
-tags:
-  - TypeScript
-  - Astro
-description:
-  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
-  incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel
-  fringilla est
----
-
-My experience about developing my first portfolio website and a blog using NextJS and a headless CMS.
-
-## Motivation
-
-rec 1

src/contents/tailwind-typography.md

@@ -1,19 +1,17 @@
 ---
-title: My recent article 1
+title: Tailwind Typography Plugin
 author: Sat Naing
 datetime: 2022-07-05T02:05:51Z
-slug: my-recent-1
 featured: false
 draft: false
 tags:
   - TypeScript
   - Astro
-description:
+description: "EXAMPLE POST: About Tailwind Typography Plugin and how you can use it effectively."
-  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
-  incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel
-  fringilla est
 ---
 
+> This article is from [TailwindLabs](https://tailwindcss-typography.vercel.app/). I put this article to demonstrate how you can write blog posts/articles using AstroPaper theme.
+
 By default, Tailwind removes all of the default browser styling from paragraphs, headings, lists and more. This ends up being really useful for building application UIs because you spend less time undoing user-agent styles, but when you _really are_ just trying to style some content that came from a rich-text editor in a CMS or a markdown file, it can be surprising and unintuitive.
 
 We get lots of complaints about it actually, with people regularly asking us things like:

src/contents/terminal-development.md

@@ -12,12 +12,16 @@ tags:
   - Styled-Components
   - TypeScript
 description:
-  Developing a terminal-like website using ReactJS, TypeScript and Styled-Components.
+  "EXAMPLE POST: Developing a terminal-like website using ReactJS, TypeScript and Styled-Components.
-  Includes features like autocomplete, multiple themes, command hints etc.
+  Includes features like autocomplete, multiple themes, command hints etc."
 ---
 
+> This article is originally from my [blog post](https://satnaing.dev/blog/posts/how-do-i-develop-my-terminal-portfolio-website-with-react). I put this article to demonstrate how you can write blog posts/articles using AstroPaper theme.
+
 Developing a terminal-like website using ReactJS, TypeScript and Styled-Components. Includes features like autocomplete, multiple themes, command hints etc.
 
+![Sat Naing's Terminal Portfolio](https://satnaing.dev/_ipx/w_2048,q_75/https%3A%2F%2Fres.cloudinary.com%2Fnoezectz%2Fimage%2Fupload%2Fv1654754125%2FSatNaing%2Fterminal-screenshot_gu3kkc.png?url=https%3A%2F%2Fres.cloudinary.com%2Fnoezectz%2Fimage%2Fupload%2Fv1654754125%2FSatNaing%2Fterminal-screenshot_gu3kkc.png&w=2048&q=75)
+
 ## Table of contents
 
 ## Intro