Personal Website 🌐

Welcome to my personal website! 🎉 It's built using Hexo, a fast and flexible static site generator, and deployed via GitHub Pages. The foundation of the site is based on the elegant Cactus theme by @probberechts, with several customizations and tweaks to the design, layout, and styling to make it my own.

Feel free to explore the site, use this template, or take any bits and pieces you like for your own projects. Contributions and feedback are always welcome! 😄

---

📋 Features

Hexo Framework

• Fast and lightweight static site generation with Markdown support.
• Easily extendable with plugins for SEO, social sharing, comments, and more.
• Supports multi-language configurations.

Theme Customizations

• Custom color scheme and typography for a clean, minimal look.
• Optimized for mobile and desktop viewing.
• Integrated with GitHub Pages for seamless deployment.
• Personalized layouts to showcase different sections (Home, Resume, Projects, etc.).

Performance Optimizations

• Lazy loading images for faster page load times.
• Minimized CSS and JS for improved performance.
• SEO-friendly structure with meta tags and social sharing optimizations.

---

🚀 Getting Started

Prerequisites

Before you begin, ensure you have the following installed:

• Node.js (v10.x or later)
• Git
• Hexo CLI

Installation

1. Clone this repository:

   git clone https://github.com/arshad-khalid/arshad-khalid.github.io.git

2. Install Hexo and project dependencies:

   npm install hexo-cli -g
   npm install

3. Run the local server to preview the site:

   hexo server

4. Open your browser and navigate to http://localhost:4000 to see the site in action.

Customization

• To customize the theme, modify the themes/cactus/_config.yml file to change things like colors, fonts, and layout options.
• You can update site content by editing the source folder. Use Markdown for writing new posts or adding static pages.

Deployment

1. Once you're happy with your changes, generate the static files:

   hexo generate

2. Deploy to GitHub Pages:

   hexo deploy

   Make sure your deploy settings in _config.yml are correctly configured to point to your GitHub Pages repository.

---

🛠 Useful Commands

• hexo clean – Cleans the generated cache and files.
• hexo generate – Generates static files for production.
• hexo server – Runs the local development server.
• hexo deploy – Deploys the website to GitHub Pages or other hosting services.

---

🤝 Contributions

Feel free to open issues, suggest improvements, or submit PRs if you find something that could be enhanced. This is an open project, and I welcome contributions of all kinds!

---

📝 License

This project is licensed under the MIT License. You are free to use, modify, and distribute it under the same terms.

---

🎯 Final Thoughts

This website is an ongoing project where I experiment with web technologies, design, and content. It’s constantly evolving, so check back for updates, and feel free to adapt it to your needs.