<h1>Welcome to My Neon Blog</h1>
<p>Hello and welcome to my <strong>neon-themed blog</strong>! This blog is built with Next.js and features a stunning cyberpunk-inspired design.</p>
<h2>Features</h2>
<ul>
<li><strong>Neon glow effects</strong> with CSS animations</li>
<li><strong>Markdown support</strong> for easy content creation</li>
<li><strong>Responsive design</strong> that works on all devices</li>
<li><strong>Automatic blog generation</strong> from <code>.md</code> files</li>
</ul>
<h2>How to Add New Posts</h2>
<p>To add a new blog post, simply:</p>
<ol>
<li>Create a new <code>.md</code> file in the <code>posts</code> directory</li>
<li>Add frontmatter with title, date, and excerpt</li>
<li>Write your content in Markdown</li>
<li>The blog will automatically pick it up!</li>
</ol>
<h3>Example Frontmatter</h3>
<pre><code class="language-yaml">---
title: &quot;Your Post Title&quot;
date: &quot;2024-01-15&quot;
excerpt: &quot;A brief description of your post&quot;
---
</code></pre>
<h2>Markdown Support</h2>
<p>You can use all standard Markdown features:</p>
<ul>
<li><strong>Bold text</strong></li>
<li><em>Italic text</em></li>
<li><code>Inline code</code></li>
<li><a href="https://example.com">Links</a></li>
<li>Lists</li>
<li>Code blocks</li>
<li>And much more!</li>
</ul>
<blockquote>
<p>This is a blockquote with some inspiring text about the future of web development.</p>
</blockquote>
<h2>Code Example</h2>
<p>Here&#39;s a simple JavaScript function:</p>
<pre><code class="language-javascript">function greetUser(name) {
  return `Hello, ${name}! Welcome to the neon blog!`;
}

console.log(greetUser(&#39;Mohammad Tahir Khan&#39;));
</code></pre>
<p>Enjoy exploring the blog and creating amazing content!</p>


mohammad tahir khanblogs

Welcome to My Neon Blog

Features

How to Add New Posts

Example Frontmatter

Markdown Support

Code Example