How to create a page with github.io
As a part of class assignment of “Professional Certificate in Coding: Full Stack Development with MERN” https://xpro.mit.edu/courses/course-v1:xPRO+PCCx+R1/ I got to learn we can create a website for each GitHub account with GitHub Pages https://pages.github.com/. It’s very nice feature if anyone wants to create a website, and here is how.
- Go to your GitHub account and create a “Public” repository named “username.github.io”.
2. Once the repository is created we need to upload a file called “index.html” onto a GitHub which becomes the main page of the website. Using the text editor of your choice to prepare a file called “index.html” with a following contents
3. Go back to your Github repository, click on “uploading an existing file”
4. Then drag index.html into the upload area, optionally add some comment, then click on “Commit changes” button
5. Now you should be able to see the html page with a URL https://username.github.io
Second week’s assignment was to start creating a GitHub page to build up a portfolio page. Simply initialize a main page with my photo and the title. It’s very simple task but quite challenging to make it look nice. Took me couple hours to shoot and edit photo of mine since I don’t have many photo of me that feels OK to share with others.
And searching for a nice font on Google got me land on this very helpful article for choosing a font https://bestfolios.medium.com/10-great-fonts-for-portfolio-design-2debfe2f1bb9
And my website ended up with looking like this with https://github.com/KenDUemura/kenduemura.github.io/tree/v1.0
Oh my god, I’m getting so old… Orz… Well, will see how it goes 😅
