A Brief Introduction to Git(Hub)



A Brief Introduction to Git(Hub)

0 0


design-ux-github-intro


On Github aarmour / design-ux-github-intro

A Brief Introduction to Git(Hub)

https://aarmour.github.io/design-ux-github-intro

What is GitHub?

GitHub is a collaboration platform built on top of a distributed version control system called Git.

Repositories

A Git repository contains all of the project's files and each file's revision history.

Because Git is decentralized, every clone of a repository contains the complete revision history.

Changes in one repository can be pushed to or pulled from any number of remote repositories.

Repositories

Performing actions on a repository—adding or removing files, committing changes, pulling changes from a remote repository— is done using the command line tool

or a GUI tool like SourceTree.

GitHub Repositories

A repository is the most basic element of GitHub.

It comprises a Git repository and collaboration tools for working with other GitHub users

  • Web editing tools
  • Issue tracking
  • Pull requests
  • Visualization
  • Notifications
  • And more…

GitHub Demo

GitHub Pages

GitHub Pages enables hosting static content directly from a GitHub repository.

It also supports custom domains

https://design.pearsoned.com

GitHub Pages - Jekyll

GitHub uses a static site generator called Jekyll

  • Multiple syntaxes: Markdown, Liquid (templating), HTML, CSS
  • Custom layouts
  • Permalinks

Template directory (Markdown, Liquid templates, HTML)

Convert Markdown and Liquid to HTML

Output ready-to-publish static website

Running Jekyll Locally Demo

Publishing to GitHub Pages

cd my-project && git checkout -b gh-pages

Create some content.

git add .
git commit
git push origin gh-pages

Acknowledgements

Portions of this presentation were adapted from the GitHub training kit.

References

Clients
A Brief Introduction to Git(Hub) https://aarmour.github.io/design-ux-github-intro