If you are an Open Source contributor and contribute to open source project via GitHub, wouldn't it be fascinating if you could display your GitHub Contribution in your personal site? From our last blog we found a way to generate our resume:
But there were no information about your commit. So this blog can be helpful because now you can display your Contribution in your personal web site/blog. On today's Blow we will be exploring another open source project which displays your GitHub Contributions Timeline. And we can embed that contribution timeline in any website we want.
Today's blog is informative as well as interesting. It's a fun post which I found today on Github. While I was googling several ways of creating resumes, I found this site resume.github.io which generates your resume based upon your contribution on github.
Interesting part about this resume generating site is that on 6 Feb, 2011 Creator of jQuery John Resig tweeted something about Github Commit logs over a resume:
When it comes to hiring, I'll take a Github commit log over a resume any day.
All you need to do is enter your github username and press enter. It will automatically crawl to your repository and creates a resume for you. Resume covers following section:
Name
GitHub Profile
Website
Languages
Popular Repositories
Contributions
Organizations
These info are all you need to let people know what kind of developer you are. Rather than the long page CV this GitHub resume will help define your skills, community participation in open source projects as well as contribution and level of expertise which tech companies are always searching for.
So from now on, if a company asks for your resume provide them your github resume :)
Are you a writer at Medium? Are you a programmer who writes blog about your favorite programming language, tools and framework? And have you ever had difficulties on displaying your code snippets on any website?
If you've faced any of the above mentioned problems, then this blog will be helpful to you all. In order to embed your code snippets in your blog there are many alternatives similar to that of codepen. But, if you all are well aware about GitHub Gist, it provides you a link which you can embed it to your code.
Following steps will illustrate how to easily add Gist in your medium
Many of us have created sub pages from domains who let us host some space for free like .me, .wordpress.com, .blogspot.com. We used such domains for displaying our profile online. Back in 2008, Github announced GitHub Pages. GitHub Pages allow you to publish web content to a github.com subdomain named after your username. We don't need to worry about the database and many other tedious process of hosting and having it available 24*7.
CREATING GITHUB PAGES
You don't need any technical expertise to publish your web content. You can create a GitHub page following few steps which I'll be explaining in today's blog. Before that I will be explaining different ways of publishing a page at GitHub.
First way of publishing GitHub page is easy one. You can create a page from settings of your repository.
Second way of publishing a GitHub page is directly adding content to the repository. These contents within your repository will point to the github page.
Third way is by using Jekyll framework which helps you to create a blog like website just by pushing the content to your repository.
In this blog I'll explain first two ways of publishing GitHub pages. Using Jekyll Framework is not that hard. I've tried building GitHub pages with Jekyll Framework, but I'm not prepared right now to demonstrate. I'll be writing another blog to explain how to use Jekyll framework for building Blogs with Jekyll Frameworks.
First Method
Create a repository and keep the repository name exactly the same which is something like: your-username.github.io
This is the default GitHub page that will be displayed. In case you want to create a repository page for any of your project. You need to keep it in mind that Url for your repository's page will be appended to your main github page
Make sure your repository has any of these two files: README.md or index.html
This tells GitHub Pages that the repository contains web contents that needs to be hosted.
Go to Settings of your Repository. Scroll down and you will see this GitHub Pages:
Choose a theme. There are a number of themes available for creating the Github Pages:
Select one of the theme and save the changes and you can see the github page build already.
Browse it whose url is: your-username.github.io
SECOND METHOD
Well second method came in the middle of first step because this has something to do with the first Image above i.e. the GitHub Pages Section.
Github pages are disabled by default. Click None and you will see three options
In your master branch if you are going to display the README file as the default information. Choose Master Branch.
If all your web pages are hosted in the master branch and your index.html is hosted in aster Choose Master Branch.
If you have an ongoing project codes in the repository and you plann to separate the project's Wiki that will be displayed as github page in a separate folder, name that folder as docs. Then select the second option.master branch /docs folder.
These are two easy methods of hosting your github Pages. The third One i.e. using Jekyll Framework, I'll soon be writing a blog post about it and explain steps by steps how to use it for creating a GitHub Pages.
Today's Article is a quick glance about this less known feature provided by Github: GIT.IO . What GIT.IO does is shortens your repository's url. Seems pretty basic us, but this actually plays a significant role for those who always stick to GIT BASH.
Most of us during our web application development use the Command Line Interface. They are so ease to use rather than using drag and drops or simultaneous clicks for a single task. CLI is next cool technology trend that every software framework are fascinated about. So whenever we start a new project we initialize the project configuration via Command Line Interface.
I do some AngularJs Web App development. Talking about my way of configuring projects i normally do npm initwhich within next steps asks for the github repository. So either I need to copy paste the git repository or type it manually. And here by shortening the repository url with the help of GIT.IO all we need to keep not of is the fiveunique characters linked with the git.io url like shown below:
Here I shorten url of a repository that belongs to a organization that I'm involved with:
Later this long url turns out to be short with just 5 characters appended to git.io.
It would have been even more helpful if github could provide short urls for any Url. But git.io only shortens GitHub.com URLs.
Hello, my name is Jack Sparrow. I'm a 50 year old self-employed Pirate from the Caribbean.