Personal Webpages on gitHub.com

R Batzinger

Personal Webpages

What would you use a personal webpage for?

Requirements for a website

  • Content files that contain text, graphics and media files
  • A hosting service keep the files (200 bht / month)
  • A domain name for the address (150 bht /yr)
  • A name server to forward requests to the hosting service

At Github, all are free

Github.com

Used by developers to:

  • build software applications
  • develop datasets
  • version control on manuscripts/source code
  • write textbooks complete with answer keys and slides
  • provide free websites for students, developers and projects

The World’s Largest Open Source Repository

Shall We Get Started?

Step 1: Choose an account name.

  • The account name will become the URL to your website.

[accountname] .github.io

https://rbatzing.github.io

  • Use name related to your own

  • Be mindful of the name you choose:

    • security
    • branding
    • professionalism

Step 2:

  • Look up GitHub.com
  • Sign up using the chosen account name
  • You will need email address.
  • BUT DO NOT USE EMAIL SIGNUP

Step 3:

  • Sign into GitHub using your account and password

Step 4:

  • Create a public new project

  • The name of this project is important:

[accountname].github.io

rbatzing.github.io

  • Request a README.md file to be created

Step 5:

  • Edit file [README.md]
  • Type a simple message [Hello, World!]
  • Commit the changes

Step 6:

  • Set up the pages as a website

Step 7:

  • Look up your webpage in your browser:

https://[accountname].github.io

https://rbatzing.github.io

Step 8:

  • Update the content
  • Format the text
  • Upload and link pictures
  • https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax

myoctocat

Step 9:

  • Choose a template
  • Check out:
    • https://github.com/topics/personal-website
    • https://github.com/topics/website-template

Possible uses:

  • CV
  • Gallery of projects
  • Blog
  • Tutorials
  • Project Documentation
  • Open Source Projects