Navigation: 

Room 10: The Deployment Den

Workshop Resources
Difficulty: Intermediate

Room 10: The Deployment Den

A room with a giant screen displaying a website and floating deploy buttons

You enter the final room to find a giant screen displaying a website and floating “Deploy” buttons. A triumphant voice announces: “Deploy your victory for all to see!”

Your Mission

  1. Enable GitHub Pages for your repository.
  2. Create a simple index.html file.
  3. Push the file and view your deployed site.

Instructions

  1. Go to your repository’s “Settings” tab.

  2. Scroll down to the “GitHub Pages” section.

  3. Under “Source”, select the branch you want to deploy (usually main).

  4. In your local repository, create an index.html file in the root directory.

  5. Add some HTML code to the file, like:

    <!DOCTYPE html>
<html>
  <head>
    <title>My GitHub Pages Site</title>
  </head>
  <body>
    <h1>Hello, GitHub Pages!</h1>
    <p>I've completed the GitHub Adventure Game!</p>
  </body>
</html>

  6. Commit and push this file to your repository.

  7. Wait a few minutes for GitHub to process your request, then visit your site at https://.github.io/ where is your GitHub username and is the name of your repository.

    Note: It may take a few minutes for your site to be deployed after pushing changes.

    graph TD A[Enable GitHub Pages] --> B(Create index.html) B --> C(Commit and push) C --> D{Site deployed?} D -->|Yes| E[View your site] D -->|No| F[Wait a few minutes] F --> D
    After your site is deployed, what’s the title of your webpage? You can find it at the top of your browser when you visit the site. Enter it below: [Input field for webpage title]

    Congratulations, GitHub master! You’ve completed all challenges and deployed your victory. You’ve escaped the GitHub Adventure Game!

You did it!
Workshop completed!