add blog

Author: HaoxuanLiTHUAI

_data/blogs.yml

@@ -0,0 +1,23 @@
+- title: "Introduction to NeuroAI: Bridging Neuroscience and Artificial Intelligence"
+  author: "San Zhang"
+  date: "2025-01-15"
+  excerpt: "Exploring the fascinating intersection of neuroscience and AI, and how these fields can benefit each other."
+  link: "https://example.com/blog/intro-neuroai"
+
+- title: "Recent Advances in Spiking Neural Networks"
+  author: "Si Li"
+  date: "2025-01-10"
+  excerpt: "A deep dive into the latest developments in spiking neural networks and their applications."
+  link: "https://example.com/blog/spiking-nn"
+
+- title: "Brain-Computer Interfaces: Current State and Future Directions"
+  author: "Wang Wu"
+  date: "2025-01-05"
+  excerpt: "An overview of BCI technology, its current applications, and what we can expect in the future."
+  link: "https://example.com/blog/bci-future"
+
+- title: "Generative Models for Neuroscience Research"
+  author: "San Zhang"
+  date: "2024-12-28"
+  excerpt: "How generative AI models are revolutionizing neuroscience research and data analysis."
+  link: "https://example.com/blog/generative-neuro"

_layouts/default.html

@@ -33,6 +33,7 @@ <h1 class="site-title"><a href="{{ "/" | relative_url }}">{{ site.title }}</a></
             <li><a href="{{ "/people" | relative_url }}">People</a></li>
             <li><a href="{{ "/publications" | relative_url }}">Publications</a></li>
             <li><a href="{{ "/projects" | relative_url }}">Projects</a></li>
+            <li><a href="{{ "/blog" | relative_url }}">Blog</a></li>
         </ul>
     </nav>
 

blog.md

@@ -0,0 +1,22 @@
+---
+layout: default
+title: Blog
+---
+
+# Blog Posts
+
+<div class="blog-container">
+{% for blog in site.data.blogs %}
+<div class="blog-post">
+  <h2 class="blog-title">
+    <a href="{{ blog.link }}" target="_blank" rel="noopener">{{ blog.title }}</a>
+  </h2>
+  <div class="blog-meta">
+    <span class="blog-author">By {{ blog.author }}</span>
+    <span class="blog-date">{{ blog.date | date: "%B %d, %Y" }}</span>
+  </div>
+  <p class="blog-excerpt">{{ blog.excerpt }}</p>
+  <a href="{{ blog.link }}" class="blog-link" target="_blank" rel="noopener">Read more →</a>
+</div>
+{% endfor %}
+</div>