Review of Tools and CSS Setup
My journey through creating a Github Pages site
VSCode
- I installed VSCode from the website that is linked
- The installer asked for some additional information and I made sure to choose “Add to PATH”.
- To my understanding, in Windows, the “PATH” is an environment variable that tells the system where to find executable files. When you add a directory to the PATH, you enable the system to locate and run programs from that directory without specifying the full path. This is especially useful for accessing command-line tools or applications conveniently from any location in the command prompt or PowerShell
- Add “Remote Development extension pack” in VSCode
- This allows me to edit in VSCode while also syncing remotely
WSL
- I went to Powershell as an admin and ran:
wsl --install - I restarted my computer
- I set up my WSL account with a username and password
Theme
Once having the site up and running, I didnt really like the original theme. To have more of a say in the look of my website, I used the Minimal theme and added a LOT of CSS. To do this:
- I went to https://github.com/pages-themes/minimal
- Once on the site, I made sure my remote theme was set to
remote_theme: pages-themes/minimal@v0.2.0 - After doing this, I made sure to copy the code from
_layouts/default.htmlinto my default.html - I did a lot of CSS to make the site how it is now!