Workflow and Github

Thu, Oct 30, 2014

Creating a GitHub Page

Note: All the info to create a GitHub Page is also listed on the https://pages.github.com site.

The steps are as follows:

  1. Create a GitHub account with your e-mail address
  2. Create a new repository with the name username.github.io where username is the username you used to sign up for GitHub.
  3. Clone the repository to your computer using either GitHub for Mac or the respective Terminal commands.
  4. Create a temporary html.index file in the folder where you cloned the reponsitory, then commit and sync.

Loading BootStrap into your GitHub page

You should next download Bootstrap, and save the included files in your site’s responsitory on your computer.

Next, you can copy the basic Bootstrap boilerplate template to get started:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>My Name Here</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>