Giter VIP home page Giter VIP logo

github-pages-with-jekyll's Introduction

Keith Taylor on GitHub

Charts the progress of my involvement with GitHub

Keith Taylor's Current GitHub Activity

I'm considering using GitHub pages as a replacement for WordPress. Soon, I intend to develop web applications using GitHub as a repository for the code. Initially, I intend to run these projects privately. But once I have working models I would like to encourage collaborators.

To start with, I'm paracticing web page creation with this page and the pages I created with the GitHub learning courses. In particular, I want to include:

  • Redirects
  • Google Analystics Code
  • SEO:
    • Meta description and keys
    • Semantic markup
    • Sitemap
  • Progressive Web Apps (PWA) manifest, service worker, etc.
  • Google AdSense Code
  • Google Custom Search Engine Code

Keith Taylor's Recent GitHub Activity

  • Mar 22 2019 - Personal GitHub Pages started and linked to other GitHub Content. I started by creating a repository with the same name as my username. Because that is how I interpreted the instructions at User, Organization, and Project Pages. But I didn't spot that I'm required to give the full name, including '.github.io'. Anyway, I've decided to restart my GitHub personal website by forking the code at Get started building your personal website

Keith Taylor's GitHub History

Read more about Keith Taylor. Or Ask Keith Anything.

github-pages-with-jekyll's People

Contributors

crichid avatar hollenberry avatar keithcharlietaylor avatar

Watchers

 avatar

github-pages-with-jekyll's Issues

Adding a Theme

Step 4: Adding a Theme

Let's add a theme to your blog site, @KeithCharlieTaylor!

⌨️ Activity: Select a basic theme

  1. Under your repository name, click Settings.
  2. In the "GitHub Pages" section, click Choose a theme.
  3. Click the theme you want to use and then click Select theme.

Watch below for my response

Welcome

Step 1: Enable GitHub Pages

Welcome to GitHub Pages and Jekyll 🎉!

In this course, you'll learn how to build and host a GitHub Pages site. With GitHub Pages, you can host content like documentation, resumes, or any other static content you’d like.

In this course, you'll create a blog hosted on GitHub Pages and learn how to:

  • Enable GitHub Pages
  • Use Jekyll, a static site generator
  • Customize Jekyll sites with a theme and content

New to GitHub?

For this course, you'll need to know how to create a branch on GitHub, commit changes using Git, and open a pull request on GitHub. If you need a refresher on the GitHub flow, check out the the Introduction to GitHub course.

⌨️ Activity: Turn on GitHub Pages

The first step to publishing your blog to the web is to enable GitHub Pages on this repository 📖. When you enable GitHub Pages on a repository, GitHub takes the content that's on the master branch and publishes a website based on its contents.

  1. Under your repository name, click Settings
  2. In the "GitHub Pages" section, use the Select source drop-down menu to select the master branch as your GitHub Pages publishing source.
  3. Click Save

After GitHub Pages is enabled, we'll be ready to create some content.

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.

Getting ready to blog

Step 5: Customize Site Details

Great work! You can see your selected theme in action here. If you don't see your changes right away, refresh the page.

Getting your page blog ready

GitHub added the theme you selected to your _config.yml file. Jekyll uses the _config.yml file to store settings for your site, like your theme, as well as reusable content like your site title and GitHub handle.

You can check out the _config.yml file on the Code tab of your repository.

⌨️ Activity: Modify the config file

Let's change the _config.yml so it's a perfect fit for your new blog. First, we need to use a blog-ready theme. For this activity, we will use a theme named minima.

  1. Navigate to the Code tab of this repository, and browse to the _config.yml file.
  2. In the upper right corner, click ✏️ to open the file editor.
  3. Change theme: to minima and modify the other configuration variables such as title:, author:, and description: to customize your site.
  4. Click Create a new branch for this commit and start a pull request.
  5. Open a pull request.

Look for my next response in your pull request

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.