Giter VIP home page Giter VIP logo

github-pages-with-jekyll's People

Contributors

crichid avatar hollenberry avatar tepythai avatar

Watchers

 avatar

github-pages-with-jekyll's Issues

Adding a Theme

Step 4: Adding a Theme

Great start on your homepage @TepyThai! Let's add a theme to your site.

⌨️ Activity: Select a basic theme

  1. Return to the Settings tab for this repository
  2. Scroll down to the GitHub Pages section
  3. Click Choose a theme
  4. Decide which theme you would like to use, and click Select theme

Watch below for my response

Getting ready to blog

Step 5: Customize Site Details

Great work! You can see your selected theme in action here. (It might take a few minutes or a browser refresh to see the changes.) Since this activity is all about creating a blog, we need to use a blog-ready theme.

Getting your page blog ready

When you selected the theme in your settings, GitHub added it to your _config.yml file. The _config.yml file is used by Jekyll to store certain preferences about your site (like your theme) and reusable content like your site title and github handle.

You can check out the _config.yml in your Code tab.

⌨️ Activity: Modify the config file

Let's change the _config.yml so it's a perfect fit for your new blog.

  1. On the Code tab, click the _config.yml file
  2. Click the ✏️ pencil icon to enter edit mode and change the theme: to minima
  3. Change the other configuration variables such as title:, author:, and description: to customize your site
  4. Scroll the bottom and select the option to "Create a new branch for this commit and start a pull request"
  5. Click Propose file change
  6. Add some content in the "Leave a comment" field
  7. Click Create pull request

Look for my next response in your pull request

Welcome

Step 1: Enable GitHub Pages

Welcome to GitHub Pages and Jekyll 🎉!

Hello, and welcome! If you are here to learn how to quickly build and host a GitHub Pages site. You're in the right place.

What are GitHub Pages?

GitHub Pages enable you to host all kinds of content, like documentation, resumes, and more! In this course, you will be creating a blog hosted on GitHub Pages. While setting up your blog, you'll learn how to:

  • Enable GitHub Pages
  • Use Jekyll
  • Customize Jekyll sites with a theme and content

New to GitHub?

We're assuming that you already know how to work with GitHub. If you aren't sure, check out the Introduction to GitHub course to learn how to:

  • Create a branch
  • Make commits
  • Open a Pull Request

Now, let's get started on your new website.

⌨️ Activity: Turn on GitHub Pages

You won't be able to see your site on the web until you enable GitHub Pages on this repository. All we're doing is asking GitHub to take what's on the master branch and publish a website based on its contents.

  1. Click on the Settings tab for this repository
  2. Scroll down to the GitHub Pages section
  3. Select the None dropdown
  4. Click on Master branch
  5. Click Save

For a printable version of the steps in this course, check out the Quick Reference Guide.

Turning on GitHub Pages creates a deployment of your repository. I may take up to a minute to respond as I await the deployment.


Return to this issue for my next comment

Sometimes I respond too fast for the page to update! If you perform an expected action and don't see a response from me, wait a few seconds and refresh the page for your next steps.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.