Level Up Your Github Profile Page in Three Easy Steps

Whether you’re looking for a new position and want to stand out or you just like to make cool things, GitHub offers you the tools to get your own customised welcome message, like this.

The message is surprisingly easy to set up and it’s only limited by your imagination.

I will go through what I did to create mine and how you can replicate it.

1. Create a repository named after you

The first step is to create a new repository that is named after your GitHub username.

You will see this message confirming that you are creating the special repository needed for this tutorial.

2. Create your animated GIF

Here is where your creativity can shine. I suggest you make a GIF which will show on your profile page.

You can create whatever you want. What I have found easiest is to design a quick HTML page with a welcome text and some CSS animations.

I used Animista for my CSS animations.

Once you have built your webpage (you can check out the code for mine here), you are ready to create your GIF.

Download a screen-to-gif recording app and record your animations. I used peek.

Remember to keep recording for at least 30 seconds after the animations are completed, to avoid looping.

3. Add the GIF to your profile

Once you’re satisfied with your welcome message GIF, you are ready to add it to your profile page.

Upload the GIF to the repository that you created in step 1 and modify the README.md file to include your welcome message.

There are a couple of ways to do so. You can either add the GIF by referencing it as an absolute path like so:

![Alt Text](https://media.giphy.com/media/Ju7l5y9osyymQ/giphy.gif)

You can also use some HTML to achieve the same result.

#personal-branding #github #tutorial #microsoft #software-development #programming #github-profile #open-source

What is GEEK

Buddha Community

Level Up Your Github Profile Page in Three Easy Steps

Level Up Your Github Profile Page in Three Easy Steps

Whether you’re looking for a new position and want to stand out or you just like to make cool things, GitHub offers you the tools to get your own customised welcome message, like this.

The message is surprisingly easy to set up and it’s only limited by your imagination.

I will go through what I did to create mine and how you can replicate it.

1. Create a repository named after you

The first step is to create a new repository that is named after your GitHub username.

You will see this message confirming that you are creating the special repository needed for this tutorial.

2. Create your animated GIF

Here is where your creativity can shine. I suggest you make a GIF which will show on your profile page.

You can create whatever you want. What I have found easiest is to design a quick HTML page with a welcome text and some CSS animations.

I used Animista for my CSS animations.

Once you have built your webpage (you can check out the code for mine here), you are ready to create your GIF.

Download a screen-to-gif recording app and record your animations. I used peek.

Remember to keep recording for at least 30 seconds after the animations are completed, to avoid looping.

3. Add the GIF to your profile

Once you’re satisfied with your welcome message GIF, you are ready to add it to your profile page.

Upload the GIF to the repository that you created in step 1 and modify the README.md file to include your welcome message.

There are a couple of ways to do so. You can either add the GIF by referencing it as an absolute path like so:

![Alt Text](https://media.giphy.com/media/Ju7l5y9osyymQ/giphy.gif)

You can also use some HTML to achieve the same result.

#personal-branding #github #tutorial #microsoft #software-development #programming #github-profile #open-source

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

Publishing A Three.js Project On GitHub Pages

In this article, I am going to show you how to publish a Three.js project on GitHub Pages. You don’t have to buy a costly domain or any hosting plan to do so.

I won’t go into how to develop a Three.js project from scratch. I am assuming you know that and already have a project to showcase on GitHub pages. If you don’t then clone my repo and get started [switch over to the master branch coz I haven’t set it up as the default one]👇

This is how it looks like👇

STEPS

✅Step 1: Create a new folder called “dist” in your project.

_If you have cloned the above repo then the “dist” folder is already there. You can skip this step and step 2. Jump directly to Step 3.) _

#three.js #deployment #github-pages #projects #open-source #github

How to Create an Adept and Impressive Github README.md Profile?

Best Gadgets + Guide.

As everyone knows that Github has added a special repository. Its README.md will appear on your_ public profile_!

We can modify and make this as expressive as we want. It can contain all the information related to your skills, contributions projects plus much more. This article will guide you on how to create your _Github_Profile.

Follow along with these steps :

Step 1:_ Create a new repository with the same name as your __Github_username.

Choose public option and Select Initialize this repository with a _README_.

For example: born69confused/[born69confused]

I had already created a repository hence showing the already existing warning.

Creating the new repository

#javascript #coding #github-profile #github-profile-readme #github

Oral  Brekke

Oral Brekke

1617437520

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