chore(blog): add markdown blogpost

src/content/blog/mastering-markdown.mdx

@@ -0,0 +1,153 @@
+---
+title: 'Mastering Markdown: A Guide to Essential Elements'
+description: 'Master the essential Markdown elements to create engaging, well-structured content. Learn headings, emphasis, lists, links, and more.'
+---
+
+Markdown is a lightweight markup language that allows you to format text easily and quickly. It's widely used for creating web content, documentation, and even books. In this blog post, we'll explore some of the essential Markdown elements that you can use to create engaging and well-structured content.
+
+## Headings
+
+Headings are used to create a hierarchy in your document. In Markdown, you can create headings using the `#` symbol followed by a space and the heading text. The number of `#` symbols determines the level of the heading. For example:
+
+```text
+# Heading 1
+## Heading 2
+### Heading 3
+```
+
+## Emphasis
+
+To emphasize text, you can use asterisks or underscores. A single asterisk or underscore will create _italic_ text, while double asterisks or underscores will create **bold** text. For example:
+
+```markdown
+_This text is italic_
+**This text is bold**
+```
+
+## Lists
+
+Markdown supports both ordered and unordered lists. To create an unordered list, use asterisks, plus signs, or hyphens. For an ordered list, use numbers followed by periods. For example:
+
+```markdown
+- Item 1
+- Item 2
+- Item 3
+
+1. First item
+2. Second item
+3. Third item
+```
+
+Unordered list:
+
+- Item 1
+- Item 2
+- Item 3
+
+Ordered list:
+
+1. First item
+2. Second item
+3. Third item
+
+## Links
+
+To create a link, enclose the link text in square brackets and the URL in parentheses. You can also add a title for the link by enclosing it in quotes after the URL. For example:
+
+```markdown
+[Visit GitHub](https://github.com/deployn/astro-deploy 'GitHub')
+```
+
+This will render as [Visit GitHub](https://github.com/deployn/astro-deploy 'GitHub').
+
+## Images
+
+To insert an image, use an exclamation mark followed by the alt text in square brackets and the image URL in parentheses. You can also add a title for the image by enclosing it in quotes after the URL. For example:
+
+```markdown
+![A beautiful sunset](https://example.com/sunset.jpg 'Sunset')
+```
+
+## Code
+
+To display inline code, enclose it in backticks. For code blocks, use triple backticks before and after the code. You can also specify the language of the code block for syntax highlighting. For example:
+
+Inline code: `console.log('Hello, World!')`
+
+Code block:
+
+```javascript
+function greet(name) {
+	return `Hello, ${name}!`;
+}
+```
+
+## Blockquotes
+
+To create a blockquote, use the > symbol followed by a space and the quote text. For example:
+
+> The best way to predict the future is to invent it. - Alan Kay
+
+## Tables
+
+You can create tables in Markdown by using pipes `|` and hyphens `-` to define the structure. For example:
+
+```markdown
+| Header 1 | Header 2 | Header 3 |
+| -------- | -------- | -------- |
+| Cell 1   | Cell 2   | Cell 3   |
+| Cell 4   | Cell 5   | Cell 6   |
+```
+
+This will render as:
+
+| Header 1 | Header 2 | Header 3 |
+| -------- | -------- | -------- |
+| Cell 1   | Cell 2   | Cell 3   |
+| Cell 4   | Cell 5   | Cell 6   |
+
+## Footnotes
+
+You can add footnotes to your content by using square brackets with a caret and an identifier `[^1]`. Then, at the bottom of your document, define the footnote content using the same identifier. For example:
+
+```markdown
+This is some text with a footnote.[^1]
+
+[^1]: This is the footnote content.
+```
+
+This will render as: This is some text with a footnote.[^1]
+
+[^1]: This is the footnote content.
+
+## Task Lists
+
+You can create task lists by using square brackets with a space `[ ]` for an incomplete task and `[x]` for a completed task. For example:
+
+```markdown
+- [x] Complete task
+- [ ] Incomplete task
+```
+
+This will render as:
+
+- [x] Complete task
+- [ ] Incomplete task
+
+## Strikethrough
+
+To create strikethrough text, use two tildes `~~` before and after the text. For example:
+
+```markdown
+~~This text is strikethrough~~
+```
+
+This will render as: ~~This text is strikethrough~~
+
+## Horizontal Rules
+
+To create a horizontal rule, use three or more asterisks, hyphens, or underscores on a line by themselves. For example:
+
+---
+
+These are just a few of the many Markdown elements available. By mastering these essential elements, you'll be well on your way to creating professional and engaging content using Markdown. Happy writing!