• github-pages-quick-start

  • make a https://github.com github.com account

  • choose a username that is memorable since your website will be accessible from <username>.github.io, for example a username of skibidi67 would mean you put skibidi67.github.io in the "Repository name" textbox

    • you can get a special domain name like kiyuri.ca by "buying" (leasing) a domain

  • go to https://github.com/new new

    • screnshot - set repository name to <username>.github.io where <username> is your github username, visibility private, enable "Add README"

  • now you have a README.md file - this is the cover page of your website where most people will go first (called "index" in web lingo)

    • the github repo page with README visible

  • click either (a) the pencil icon or (b) click the README.md file and then the pencil icon on the right

  • you can write what you want in your index page here, like a quick intro, webring (!), contact info, etc.

    • example

    • # Juleen Bauer
      
      Hi, I'm Juleen Bauer and I like [Rust](https://rust-lang.org). Rust is the best programming language in existence.
      
      ## Contacts
      
      - [juleen@example.com](mailto:juleen@example.com)
      - +1 123-456-7890
      
      <a href="https://www.julianlbauer.com/">←</a> Example Webring <a href="https://kiyuri.ca">→</a>
      
    • result: https://nyiyui.ca/test-website/ https://nyiyui.ca/test-website/

    • screenshot of editor view

    • How to write in this .md (Markdown) file format basic-writing-and-formatting-syntax

  • Ctrl-S and Enter to save the file

  • Now, we can publish this page

    • Go to repository settings (the link should be in the top ribbon/bar, on the very right or hidden under "More")

    • Look at the sidebar. Go to "Pages" under "Code, planning, and automation"

    • Change the "Branch" setting to main

    • Branch button highlighted

    • wait for a few minutes and reload

    • you'll see something like this

      • Your site is live at some url

    • and now ur website is accessible from https://nyiyui.ca/test-website/ https://nyiyui.ca/test-website/ !

Snapshot: 84b34f19db8bb5a5ba52e85643e64a9ae86eeffeb6adbcd9b323cdcfe913a6fc117a765d81740449b2b352eafd96385b999cfdb00145d6017943a0c3191903f6 list?snapshot=84b34f19db8bb5a5ba52e85643e64a9ae86eeffeb6adbcd9b323cdcfe913a6fc117a765d81740449b2b352eafd96385b999cfdb00145d6017943a0c3191903f6