~/blog/welcome
1 min left0%
Technicalยท1 min read

Welcome to My Blog

Published Jan 1, 2024

Welcome to My Blog

This is a sample blog post to demonstrate the blog functionality of my interactive portfolio website.

Features Demonstrated

  • Markdown Processing: This post is written in Markdown and processed by the portfolio
  • Syntax Highlighting: Code blocks will have syntax highlighting
  • Responsive Design: The blog view adapts to different screen sizes
  • Smooth Transitions: Seamless navigation between terminal and blog views

Code Example

Here's a simple React component example:

import React from 'react';

interface WelcomeProps {
  name: string;
}

export const Welcome: React.FC<WelcomeProps> = ({ name }) => {
  return (
    <div className="welcome-message">
      <h1>Welcome, {name}!</h1>
      <p>Thanks for visiting my portfolio.</p>
    </div>
  );
};
import React from 'react';

interface WelcomeProps {
  name: string;
}

export const Welcome: React.FC<WelcomeProps> = ({ name }) => {
  return (
    <div className="welcome-message">
      <h1>Welcome, {name}!</h1>
      <p>Thanks for visiting my portfolio.</p>
    </div>
  );
};

Conclusion

This blog post showcases the markdown processing capabilities and demonstrates how content can be seamlessly integrated into the terminal-style interface.

Thanks for reading!

Related Posts