Skip to content

1. Project management

This week was the first week into the course. We started with working on the website and learning basics about how it works and how to apply changes to it.

To begin with, we learned how to run pipelines, which is a one-time step you you’ll have to go through when you first create the website.

After that, we learned how to access our websites, edit ‘about me’ in the website, upload images and apply them to the website, cloning our websites, using visual studio, and finally changing colors of our website. So, I’ll go through each and every one of those in details and steps.

Accessing your website

  1. Go to deploy

  1. Click pages

  2. Under the “access pages” will be the link of the website

Editting the ‘About me’ page in the website

  1. Go to Docs

  1. Click about

  1. Go to index

  1. Click edit single file

  1. Apply whatever changes you want to make

  2. After you apply changes, click commit changes at the bottom of the page

Note: Changes might need a few seconds to occur in the website!

Uploading images to the website

  1. You’ll have to go to: docs > images > select the folder you wish to upload the image in (eg: week 1)

  1. Upload image by clicking on the little ‘+’sign

  1. Drop or add the file you need, click ‘upload file’ and your image will be ready to use.

Notes:

  • Make sure the image is perfect for use, resize it for it to be usable and suitable enough.
  • Rename it into something easier and preferably shorter to copy and paste into the file.

The last thing we had to do after uploading the images was applying the image into the file itself where it occurs in the website

  1. docs > about > index > edit single file

  2. Use the code for images while considering changing the image file name at the end of the code to get the image desired

  1. Commit changes, and you’ll have the images uploaded after a few seconds

**Cloning our websites **

In order to clone your website by using HTTPS, you need to have gitbit downloaded on your device before anything.

  1. Create a new folder on your desktop

  2. On GitHub.com, go to the main page of the repository

  3. Click code

  4. Copy the URL link under HTTPS

  5. Open GitBash

  6. Type gitclone, and then paste the URL you copied earlier from the website

  7. Press enter

  8. After the log in box appears, insert your username and password,

Now, you finally have your website cloned!

How to push to the site by using Visual Studio

  1. Open Visual Studio

  2. Click file > open folder

  3. Open git bit folder that you created earlier

  4. In Visual Studio, go to explorer > docs > about > index > apply any change in the website

  5. Go to source control in Main Panel > click Terminal

  6. In the box, type git config -global user.name “firstname lastname” > prss enter

  7. Then, type git config -global user.email “my-name@example.com”

  8. Press Commit and Push

Changing the color of the website

  1. On the main page, find mkdocs.yml

  2. Copy and paste the link for colors in a new tab https://squidfunk.github.io/mkdocs-material/getting-started/#primary-colors

  3. Click setup

  4. Find appearance > colors

  5. You can try different colors and pick the color you’d like to apply to the website just by clicking on each color

  6. Change name of color by copy pasting the color name in mkdocs.yml

Last update: July 17, 2024