Create Static Sites with Jekyll And GitHub Pages

Install Jekyll locally by setting up in the terminal on a Mac, using ruby gems to install the tool, and start building pages with Jekyll.

Install and initialize a Jekyll site, create a new project, and preview it locally with jekyll serve. Explore the site structure, including config, templates, posts, markdown content, and front matter.

Set up a GitHub Pages site with Jekyll, choosing between a user or project site. Push an index.html to the repository to publish a simple page.

Clone the repository to your computer via the mac app or GitHub clone URL, then copy static files and explore front matter and liquid templating with Jekyll serve --watch.

Create a new blog post in the posts folder by saving a markdown file; Jekyll regenerates the site, converts markdown to HTML, and generates headers and a title attribute automatically.

Learn to create static pages with Jekyll on GitHub Pages, using front matter, default layouts, and relative links to build an about page, posts, and reusable assets.

Configure jekyll with yaml, adjust front matter and markdown settings, and customize permalink styles for clean, consistent post and page URLs on GitHub Pages.

Discover how to extend a Jekyll site with plugins, using the alias generator for redirects, installing plugins via the plugins directory or RubyGems, and exploring sitemap and other utilities.

Explore the liquid templating engine in Jekyll, including double curly braces, includes, layouts, and for loops that generate dynamic content like post data and page titles.

Explore how data drives sites with data files and YAML configuration, using Liquid variables to populate templates and pages with custom values like dogs.

Edit your static site content directly in a web-based editor with Prose.io. Log in with your GitHub credentials, preview markdown, and collaborate across devices like Wordpress.