N95

Overview

This article provides a guide on how to work with GitHub Pages and how to customize a repo that uses Material Design Icons. It includes instructions for cloning the repo, replacing personal information, making style changes, changing icons, and changing colors. The guide also explains how to install dependencies and build the project before copying the contents into a GitHub repository.

Features

• Cloning the repo locally
• Replacing personal information
• Making style changes
• Changing icons using Material Design Icons
• Changing colors by modifying variables.css
• Installing dependencies
• Building the project
• Copying contents to a GitHub repository

Installation

1. Clone this repo locally by running the following command in your terminal: git clone [repo-url]
2. Locate the following files in the cloned repo and replace the data with your own personal information:
   • [file1]
   • [file2]
   • [file3]
   • …
3. To change icons, visit the Material Design Icons website and find the desired icons. Prepend mdi- in front of the icon name.
4. To change colors, make changes to the variables.css file located in the root directory of the cloned repo.
5. Ensure that Node.js is installed on your system.
6. Install the dependencies by navigating to the root directory of the cloned repo in your terminal and running: npm install
7. Build the project by running: npm run build
8. Navigate to the /public folder in the project directory and copy all its contents.
9. Paste the copied contents directly into your GitHub repository.
10. Push the changes to your GitHub repository.

Summary

This article provides a step-by-step guide on how to work with GitHub Pages and customize a repo that utilizes Material Design Icons. It covers cloning the repo, replacing personal information, making style changes, changing icons, changing colors, installing dependencies, building the project, and copying the contents to a GitHub repository. Following these instructions will allow users to create and customize their own GitHub Pages site with ease.