How To Build a Portfolio On GitHub Pages

A portfolio is hands down the most effective way for developers to demonstrate their previous experience and achievements. Presenting your body of work in a well-curated manner can play a big role in helping you stand out from other job applicants, and get your potential new employer excited about the skillset you offer.

As an increasing number of developers opt to create websites for their portfolios, it can be challenging to figure out how best to create an online portfolio at an economical price. Luckily, GitHub offers an option to host your portfolio free of charge while still being accessible to a large audience. This article will guide you through the creation of a unique portfolio on GitHub without requiring any previous HTML or JavaScript experience. So, without further ado, let’s dive in!

---

Portfolio Creation

Photo by Joshua Aragon on Unsplash

Select a template

There are plenty of websites providing free boilerplate HTML templates and you can use any popular theme websites to find a great option (such as Envato or TemplateMonster). The one I use personally, and that we will be using for this tutorial, can be found on HTML5up. I am not sponsored by them so this is just a convenient website I found on Google. This template does not initially come with images but, as we can access issues on other sites, this isn’t an issue. Unsplash is a great source for free reusable images in high quality which we will use later on in this guide.

I recommend that your template be professional and simple in appearance, this may mean that you need to delete quite a few details fom your current portfolio and retain only some personal information and details of previous projects. Once you decide on the template, your download should include some HTML files and possibly other fonts and images. You may unzip the files anywhere you like; if you are using the same website, I recommend something similar to Massively or Multiverse.

#portfolio #javascript #github #html #github-pages

What is GEEK

Buddha Community

Deploying my portfolio website on Github Pages using Github Actions.

I recently deployed  my portfolio site and wanted to try out github actions and this is my experience of automating the deployment.

This article is more focused on how you can use the GitHub actions and how easy it is to deploy your code to GitHub pages rather than the portfolio site code.So every time you make an update or build to your website ,the changes are automatically reflected and this automated deploying process makes work much faster.

The way GitHub action works is you create actions in your repositories by creating one or more yaml files and these are called workflows.Workflows now can handle build tasks like CI CD. This means you use the action to test your code and push the site to the desired hosting platform (in this case GitHub pages ) when the main branch changes .

First step assuming that you have a GitHub account is to create a repository having your website code in it.Now I have a bootstrap website but in the future I do plan on adding node JS so I already added package.json.

#workflow #portfolio #github #github-actions #github-pages

How To Build a Portfolio On GitHub Pages

A portfolio is hands down the most effective way for developers to demonstrate their previous experience and achievements. Presenting your body of work in a well-curated manner can play a big role in helping you stand out from other job applicants, and get your potential new employer excited about the skillset you offer.

As an increasing number of developers opt to create websites for their portfolios, it can be challenging to figure out how best to create an online portfolio at an economical price. Luckily, GitHub offers an option to host your portfolio free of charge while still being accessible to a large audience. This article will guide you through the creation of a unique portfolio on GitHub without requiring any previous HTML or JavaScript experience. So, without further ado, let’s dive in!

---

Portfolio Creation

Photo by Joshua Aragon on Unsplash

Select a template

There are plenty of websites providing free boilerplate HTML templates and you can use any popular theme websites to find a great option (such as Envato or TemplateMonster). The one I use personally, and that we will be using for this tutorial, can be found on HTML5up. I am not sponsored by them so this is just a convenient website I found on Google. This template does not initially come with images but, as we can access issues on other sites, this isn’t an issue. Unsplash is a great source for free reusable images in high quality which we will use later on in this guide.

I recommend that your template be professional and simple in appearance, this may mean that you need to delete quite a few details fom your current portfolio and retain only some personal information and details of previous projects. Once you decide on the template, your download should include some HTML files and possibly other fonts and images. You may unzip the files anywhere you like; if you are using the same website, I recommend something similar to Massively or Multiverse.

#portfolio #javascript #github #html #github-pages

Building and hosting Portfolio with Gatsby and GitHub Pages

I am an ML developer and knows very little about web-development, I needed to showcase my skills to the world so I recently made a portfolio for myself in just 2 days. Have a look at it.

Do you liked it? Well, you could also make a pretty interactive and beautiful looking portfolio for yourself in a very little amount of time. In this tutorial we would be focusing on learning how to get a starter-template from _Gatsby _to build a _portfolio _and hosting it on GitHub Pages so that you can share it with anyone and anywhere easily.

A Portfolio is like a GPU to the system. It boosts your presentation skills and showcase your work to everyone so you don’t need to describe about it very much. Addition of sections to the _portfolio _is completely upto you. The possible sections to add could be — Summary of yourself, Projects, Writing work, Certifications, Work Experience, Open Source Contributions, Education and Contact information. However one can also add other sections if he/she finds that appropriate for the portfolio. I would recommend to take some time to make a structure of which sections to add, where to add etc. and then start building it. I would also add a link to the _portfolio templates _that Ifound interesting at last.

We would be having following parts in this tutorial—

o Building a Gatsby Site

o Hosting site to GitHub Pages

o References

Building a Gatsby Site

First let us know about what Gatsby is. From the official documentation —

Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps

#gatsbyjs #portfolio #github-pages #github #gatsby

A Simple Guide to Github Page Deployment

Long story short: Jekyll is a template engine changing

markdowndocuments on staticHTMLwebpages, that you can then host anywyere, because you don’t need databases or server that has PHP or Python.

Usual Process

Normally the process of adding new post looks like this:

• I write markdown document with setting parameters like title, date and tags
• when I’m happy with what I wrote (never), I commit changes and push it to repository on GitHub. Repository name comes from my nick and is also address for blog asvid.github.io
• Github after pushing to branch master builds website from sources using Jekyll - probably something like running jekyll build
• result of Jekyll build is not present in a repository, but you see it right now after visiting bloga page

#github-pages #github-page-with-jekyll #jekyll #github-actions #github #deployment #continuous-deployment #web-development

How to Compare Multiple GitHub Projects with Our GitHub Stats tool

If you have project code hosted on GitHub, chances are you might be interested in checking some numbers and stats such as stars, commits and pull requests.

You might also want to compare some similar projects in terms of the above mentioned stats, for whatever reasons that interest you.

We have the right tool for you: the simple and easy-to-use little tool called GitHub Stats.

Let’s dive right in to what we can get out of it.

Getting started

This interactive tool is really easy to use. Follow the three steps below and you’ll get what you want in real-time:

1. Head to the GitHub repo of the tool

2. Enter as many projects as you need to check on

3. Hit the Update button beside each metric

In this article we are going to compare three most popular machine learning projects for you.

#github #tools #github-statistics-react #github-stats-tool #compare-github-projects #github-projects #software-development #programming