thumnail article

How I Make my GitHub Profile Look Cool With Markdown

--   Thursday, October 28 2021   |   2 years ago   --

Firman Justisio Lestari

How I Make my GitHub Profile Look Cool With Markdown


Is it my first article on this site. I hope you can be helped with my article. And for the first time I want to write about Github profile because yesterday I try to change my GitHub profile and is it make my GitHub profile look so cool, and how make it so easy. For example, I will use my second GitHub account.



1. Create a repository with a name same as GitHub username


Create your repository, but make sure the name repository same as username github, and don't forget check Add a README file. The readme on repository is the file what we setting for github profile, if all done click create the repository.



2. Edit README on your repository as you like

jhyuyufyfuy

First time create a repository you will get this. Now you can start editing your readme, for creating a cool github profile you just need this file. README is file markdown, what is markdown ? Markdown is a lightweight markup language, from markdown can processed to html, so can I write html on markdown ? Yes you can, but markdown has their own method and format for writing. Back to editing markdown, you will see an example on your readme, try removing the comment and just leave the first sentence and list with emoticon. After that you can commit your changes, and go to your github profile.



3. Look at it! you have cool GitHub profile


It's cool right ? Yes, first time using this feature I feel it to. But is not enough, your github profile is still too boring, you can add images, GIFs, or badges to describe yourself and make your github profile cool. If confused you can see my mine readme or if you are too lazy to make it, you can duplicate my mine.



README.md

It is README.md I use
Go to Repository


<div align="center"> <img src="http://38.media.tumblr.com/d30fe069cc48e11eeb31ae08293a159e/tumblr_nbtdxg9d6n1szf0nzo1_250.gif" width="170" height="170"> </div> <br> ## Helo, I'm [Firman Justisio Lestari!](https://firmanlestari.vercel.app/) 👋 - 🔭 I’m currently working on Pixel Dev Factory. - 🌱 I’m focused on Mobile Development. - 👨‍💻 I’m mostly use programming language <b>Dart</b> with framework <b>Flutter</b> - 💬 Ask me about Flutter or any tech-related stuff. - 📫 How to contact me: [contact me](https://firmanlestari.vercel.app/about) - ⚡ Fun fact: I love coffee ☕ <br> [![Linkedin: firmanlestari](https://img.shields.io/badge/-firmanlestari-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/firmanlestari/)](https://www.linkedin.com/in/firmanlestari/) [![GitHub zeetec20](https://img.shields.io/github/followers/zeetec20?label=follow&style=social)](https://github.com/zeetec20) [![website](https://img.shields.io/badge/PortfolioWebsite-firmanlestari.vercel.app-2648ff?style=flat-square&logo=google-chrome)](https://firmanlestari.vercel.app/) <p align="left"> <img src="https://komarev.com/ghpvc/?username=zeetec20&label=Views&color=blue&style=plastic" alt="zeetec20" /> </p> <br> **Languages and Tools:** <code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/flutter/flutter.png"></code> <code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/dart/dart.png"></code> <code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/android/android.png"></code> <code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/javascript/javascript.png"></code> <code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/react/react.png"></code> <code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/nodejs/nodejs.png"></code> <br> **Github Stats:** <a href="https://github.com/zeetec20"> <img align="center" src="https://github-readme-stats.vercel.app/api?username=zeetec20&show_icons=true&theme=light&line_height=27" alt="Firman github stats"/> </a> <br> <br> **Most Used Language:** <a href="https://github.com/zeetec20"> <img align="center" src="https://github-readme-stats.vercel.app/api/top-langs/?username=zeetec20&theme=light&hide_langs_below=1" /> </a>