Welcome to my personal portfolio website! This website showcases my professional profile, skills, experiences, and projects. It's designed to be interactive and visually appealing, utilizing Jekyll for structuring content, CSS for styling, and JavaScript for adding dynamic effects such as smooth scrolling and section highlights.
- Jekyll Integration: Utilizes Jekyll to enable writing HTML content in Markdown, also for a default layout for different pages for easier management and updates, But I ended using only 1 page.
- Responsive Design: CSS styling ensures the website is accessible and aesthetically pleasing on all devices.
- Interactive Elements: JavaScript is used for dynamic effects like scrolling animations, hiding and revealing sections, and highlighting the current navigation item based on the section in view.
- Comprehensive Sections:
- Profile: A brief introduction about myself.
- Skills: A detailed list of my technical and soft skills.
- Experiences: An overview of my professional background.
- Projects: Highlights of various projects I've worked on or contributed to.
- Contact: How to reach me for potential opportunities or collaborations.
- Jekyll - A simple, blog-aware, static site generator.
- CSS - For styling and layout.
- JavaScript - For interactive effects.
To get a local copy up and running, follow these simple steps.
This project requires Jekyll to be installed on your machine. To install Jekyll, you'll need Ruby and the Ruby development environment.
- To use Jekyll, visit this guide: https://jekyllrb.com/docs/installation/
- Clone the repository:
git clone https://github.com/Shiro1214/Shiro1214.github.io.git
- Navigate to the project directory:
cd your-portfolio-website - Install Jekyll and other dependencies from the Gemfile:
bundle install
- Build the site and make it available on a local server:
bundle exec jekyll serve - Browse to
http://localhost:4000to see your local version of the site.
Contributions are what make the open-source community such an incredible place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/YourAmazingFeature) - Commit your Changes (
git commit -m 'Add some YourAmazingFeature') - Push to the Branch (
git push origin feature/YourAmazingFeature) - Open a Pull Request
Distributed under the MIT License. See LICENSE for more information.
HengLong Sun - henglongsun7@gmail.com