How to Make a Data Science Portfolio With GitHub Pages (2024)
ฝัง
- เผยแพร่เมื่อ 16 มิ.ย. 2024
- Here, I walk through a free and easy (no-code) way to make a data science portfolio website using GitHub Pages.
More in this series:
The Resume that Got Me Hired: • My $100,000+ Data Scie...
Customize Gmail Signature: • How to Create a Custom...
Helpful links:
👉 Example repo: github.com/ShawhinT/example-p...
📰 Blog version: shawhin.medium.com/how-to-mak...
📰 5 portfolio mistakes: towardsdatascience.com/5-data...
- GitHub Pages: pages.github.com/
- Supported Themes: pages.github.com/themes/
- Minimal Theme: github.com/pages-themes/minimal
--
Book a call: calendly.com/shawhintalebi
Homepage: shawhintalebi.com/
Socials
/ shawhin
/ shawhintalebi
/ shawhint
/ shawhintalebi
The Data Entrepreneurs
🎥 TH-cam: / @thedataentrepreneurs
👉 Discord: / discord
📰 Medium: / the-data
📅 Events: lu.ma/tde
🗞️ Newsletter: the-data-entrepreneurs.ck.pag...
Support ❤️
www.buymeacoffee.com/shawhint
Intro - 0:00
Importance of Selling Yourself in Data Science - 0:37
GitHub Pages - 1:47
GitHub Pages Interface Change - 2:27
Final Product - 3:28
Step 1) Create GitHub Repo - 3:58
Step 2) Create _config.yml file - 6:05
Step 3) Fill out README.md file - 8:47
Step 4) Build and Deploy Website - 9:36
Me Complaining About GitHub’s Outdated Doc - 10:03
Back to Step 4 - 10:40
Few Tips on Building Portfolio - 11:28
More in this series 👇
- DS resume that got me hired: th-cam.com/video/gp29_P3_lgo/w-d-xo.html
- Custom Gmail Signature: th-cam.com/video/NjMD1bGBNqw/w-d-xo.html
👉 Example repo: github.com/ShawhinT/example-portfolio
📰 5 portfolio mistakes: towardsdatascience.com/5-data-science-portfolio-mistakes-52f6e0ebbe4a?source=friends_link&sk=655be81dfee6239959e5b344302e3d61
Thanks, Shawhin! Easy and to the point. Great work!
Thanks, glad it was clear!
Wow, I never knew it could be this easy. Thank you!!
10/10 video, no nonsense, no random personal opinions or bias. Thanks!
Thanks, glad u liked it :)
Amazing video! Everything I was looking for from start to finish all in one place.
Thank you! I'm glad it was helpful :)
Thanks so much! I was having a ton of trouble with jekyll but thanks to this video, I was able to get it up and running!!
That’s great to hear. I’m glad it got you up and running 😁
Absolute lifesaver, I was struggling to get my portfolio started, but now I can do it with ease!!!!
That's awesome, I'm glad it helped Victor!
Such a underrated channel. Keep up the good work mate 👌🙌
Thank you, Shawhin for this great tutorial. It is very helpful and straight to the point!
Glad it helped!
Thanks @ShawhinTalebi, yeah you are totally right, it's very hard to get that first job in your data scientist career but this helps gets things going.
Thank you Shawhin for sharing this!!
Happy to help!
Wow this makes it so much easier 😭😭 you’re a lifesaver!
Happy to help!
Thanks! This was so helpful!
this was amazing ! thank you. Straight to the point. After looking many places, this is the best!
Great to hear :)
Thank you! Straightforward.
This was really useful, helped me a lot! Thank you! 😊
Awesome, glad it helped!
This was so helpful, thank you!
Thanks for your contribution!
Thanks for posting this Shawhin. I recently began learning Python to use for financial analysis and am working on the CFA exams (level 3 in 2024 or 2025 depending on Python progress). Nice to see someone else in Dallas making such helpful content.
Happy to help! Best of luck on your exams 😁
Thank you so much @ShawhinTalebi , this content has been super helpful . Now, I can get my portfolio up and running!
Great to hear!
Thank you so much. I tried it earlier, could not do it. Now I have a nice-looking portfolio. Thank you for sharing knowledge!
Glad it helped!
You have greatly helped me, thank you very much!!!
Happy to help!
Thanks Shaw, this was very helpful!
Glad it was helpful!
This is absolutely fantastic! Thank you sir!
Happy to help :)
Thank you!! I struggled so much with the documentation
I’m glad it helped!
Thanks. It was great.
ممنون. عالی بود😎👌
You made it supper easy to folow the steps. Thanks a lot
Glad it helped!
Thanks a lot man , it was amazing and simple
This was really helpful! Thanks
Thanks Shaw for sharing .. it was very useful.
Very helpful tutorial!
Great advice. I will be using this method.
Glad it helped!
Thank you!!
thank you shawhin for the video. now it's time to stand out as a job candidate
Happy to help, you got this!
great stuff!
Thanks!
love it!
Absolutely amazing 💯/💯
Thanks 😁
TYSM this is so easy
Love you! Suscribed
Glad it helped. Thanks for the subscribe :)
Hey man this is so cool. I was trying to built my portfolio 😊
Thanks Gokul, hope it helps!
this was helpful. thank u
fellow UTD grad who was actually denied by King at Toyota for a position this year - thank you for the video!!
Happy to help! Good luck :)
THANK YOU!!!!! a million likes for this 🙂
Happy to help :)
This showed up with perfect timing
Glad to hear! :)
Thanks, i have a page made using the theme and i thought i was going crazy when the option was removed... yet the page saying the option exists is still live!!
That was me 2 weeks before I made this video 😂
oh my god I was just looking for this, because the previous video said use that theme button which is nowhere to be found now. Thanks a lot. May god bless you with fortune.
Glad I could help!
Well done
So helpful
Thanks Shaw
Happy to help!
Thanks, dude
Happy to help!
thanks bud
Happy to help!
This was great. Thanks so much. Do you have recommendations on good places for datasets to build projects? I'm looking to a career switch from Analytics admin/Operations to AI/Data Science.
In my opinion the best projects are those built to solve real-world problems as well as demonstrate competence. If you struggle to think of problems you can solve for yourself you can look to solve other people's problems. This can be through volunteering at a university research group, offering to do free analytics for small businesses (you know), or finding an internship.
However, if you are just getting started, websites like Kaggle are great for beginners.
Wow, thanks! It helped so much! We can't find this info anywhere else! I have just one question: if I want to link other pages of content to this inicial page of the READ ME, what should I do?
Thanks glad it was helpful!
Good question. You should be able to add another markdown file with the name of the page you want to make e.g. "contact-page.md"
You can find an example on the jekyll-theme-minimal GH repo: github.com/pages-themes/minimal
This tutorial has been very helpful! One question - how did you create the assets/img folder in your portfolio repository? The only option I'm seeing is to Add a File, but not an option to create a folder so I can create one for the assets and images.
Good question! When you hit “Add a File”, you can prepend the filename with the path e.g. assets/img/headshot.png
How to add profile bro?
@@ShawhinTalebipath is of the location in my local drive right ?
Thank you for this helpful and concise video. How do I integrate the image in the assets/img folder into the minimal theme? As in, I didn't see any reference to it in your README file, but if I just add the image to the repository and build the website, it doesn't show the image.
I'm glad it was helpful. Make sure you create a "assets/img/" subdirectory and that the image filename is correctly specified in the config.yml file. If it's still not working, you can always clone the example repo and replace the information accordingly.
I was struggling for hours!! Thanks so much! The only thing is I can't add the images to the assets file :((
Glad it was helpful!
Make sure you drop images in “assets/img/“ and not just “assets/“. The latter didn’t work for me.
Worst case you can always clone the example repo (in the video description) and fill it with your work.
tyyyyyyyyyyy
You should explain how to add the picture folder as well.
If using the web browser you can add a new file with folder names e.g "assets/img/headshot.png" and GitHub should create the folders automatically.
Alternatively, you can clone the repo and add a folder in your file explorer. Hope that help!
Hi shawhin, thanks for the video this was very helpful and straightforward. I have a small question, if I want to remove the "View this project ok GitHub" link below the image how'd I do that?
Good question. You can make the following change to the _config.yml file: "show_downloads: false"
Thanks for this amazing video Sir!!
This solved my problem of building a portfolio from scratch.
Sir i have a question, What's the best process for me to apply for a ML Engineer job as a fresher?
Thanks again❤❤
I share my best practices for getting hired here: medium.com/the-data-entrepreneurs/selling-yourself-in-data-science-178ee0cd33f
Also happy to chat more during office hours: calendly.com/shawhintalebi/office-hours
Thank you for let me know the right format of the theme code, that annoying me an hour...
I was in the same boat. I'm glad this helped!
Great video, but is it possible to change the background color of the theme to black and make the text white?
Thanks. I don't know if there's a way to do that, but you can explore other theme options here: pages.github.com/themes/
Thank you for this tutorial! I was looking for a solution to add my project to git pages and this was really helpful, and still went ahead to build the portfolio website, my only challenge here is the .config.yml file did not appear on the website(my name, image, etc). Could you let me know how to fix that?
Not sure what that could be without looking at the code. You could try cloning the example repo and replacing it with your own info.
github.com/ShawhinT/example-portfolio
@@ShawhinTalebi Thank you so much!!
How did you get the perfect circle for your image? Transparency is rendering as a flat grey for me
I used Canva to crop the image.
@@ShawhinTalebi thanks - turns out my issue was that the png did not have an alpha layer. Adding that fixed it
Thanks for the short and helpful video. I have uploaded the image, but the image is in a square, not a circle. Can you please help me with this?
You'll need to upload the image as a circle. I used Canva to do it. There are many tools that can do that.
@@ShawhinTalebi got it. Thank you 👍🏼
Hi, thank you for this. I’m currently using your video to edit my portfolio and I have tried to upload a profile photo(logo) but it is not working. Can you explain how you configure your picture on the profile? Thanks
What issues are you getting?
Here I use 176x170 .png file.
@@ShawhinTalebiI was able to get it done! Thank you
I am not getting the green dot, instead I get a red x. It says that the theme can't be found. Any idea why I am getting this?
Might be a type in the _config.yml file. Double check that you have the following text-theme: jekyll-theme-minimal
You can always clone the example repo and replace the details with your own info too: github.com/ShawhinT/example-portfolio/tree/main
the image is not loading for me any idea why that would be ?
check the spelling of the folder names and ensure they match the config file. If you're still having issues, you can always clone the repo and replace the content with your own info.
Hi , after adding assets/img I don't see an option to add images under img .But under assets , add a file option is there. How to add images under assets/img ?
It sounds like you’re doing this via the GitHub web interface. If that’s the case, when adding an image from the root directory, you can specify the full file path name e.g. “assets/img/headshot.png” as the file name.
Hope that helps!
Could you tell me how to include a link in there that could let me add a download link to my resume?
Good question! Unfortunately, I don't think that is something supported by the minimal jekyll theme. However, if you write custom css and html you can drop the files in a fresh GitHub repo and GitHub will host it for you.
How did you add the links to your projects
It uses markdown so the syntax is like this: (text)[link]
You can see the markdown file I used here: github.com/ShawhinT/example-portfolio/edit/main/README.md
This did not work for me at Build and deploy, I had red X. How to fix that?
Could be a few different things. You could try debugging by comparing to the example repo: github.com/ShawhinT/example-portfolio
Hello. Based on your comments for others, I tried to clone the example repo and replace it with my own content. While I made some changes on that cloned repository a few weeks ago, I wanted to delete this homepage and related portfolio link as I tried to make my own github page without clonning.
However, I do not have settings button to delete the homepage in github. The cloned repository does not appear "Your repositories" section, but I can still access this github page through homepage link. The github page says two contributors, you and me because as I think I cloned the example repo. Could you guide me to delete this page? It says I do not I have the permission to either revise any content or delete in the repositories that I cloned. It says "Sorry, you’re not able to edit this repository directly-you need to fork it and propose your changes from there instead." I am new to Github and any help would be appreicated!
That's strange. My understanding is one can delete a cloned repo.
Could you share a link to the cloned repo?
how to add that asset/images?
if uploading via the web interface, you can prepend the folder names to the filename e.g. "asset/images/img.png"
Which websites are best for entry level data scientist 🤔
What sort of websites do you mean?
How to I go about securing a job as a data scientist, having 6 months internship experience!
While it's hard to give advice without knowing more about your specific situation, I share my personal best practices here: medium.com/the-data-entrepreneurs/selling-yourself-in-data-science-178ee0cd33f
My image isn't showing up on the webpage :(
Check the name of the "_config.yml" file.
I can't seem to be able to link my photo on the GitHub Page. Can someone help me out? I'm pretty new to this, thanks!
Ensure the photo is saved to "assets/img/" and the full filename path is specified in the _config.yml file e.g. "assets/img/headshot.png".
If that still doesn't work, try cloning the repo and replacing the content your your own stuff: github.com/ShawhinT/example-portfolio/tree/main
Hope that helps!
please i cannot create the assets/img file. what can i do?
You can always clone the example repo and replace with your info.
Example repo: github.com/ShawhinT/example-portfolio
@@ShawhinTalebi thank you very much
I have a trouble displaying image on my github page, i used the theme exactly like in the video, the Jekyll theme minimal, the image appears on my github repo page, but didn't appear on my github page
Not sure what that could be. Could you share the link?
@@ShawhinTalebi nvm, i fixed it
@@ShawhinTalebi turns out, you don't put slash at the beginning of the image path, so in my case, it should be like this "assets/image.png", not "/assets/image.png"
Glad it worked. Hope this helps others with a similar issue.
hi' when i run it, it mentioned "pages build and deployment #1" failed :') I am new to this and is there any way I can check when there is an error? it happend after i click the jelly theme :')
There may be an issue with your _config.yml file. Feel free to share your repo link: shawhintalebi.com/contact/
Alternatively, you can clone the example repo and switch out the content.
Example repo: github.com/ShawhinT/example-portfolio
@@ShawhinTalebi amazing it works! appreciate the knowledge, this is fun!
Great to hear!
How do I change logo size?
I'm not sure that is customizable for the minimal theme. You could try changing the size of the source image.
What are the expectations of a data scientist?
This varies across different orgs, so I would tailor it based on the specific job descriptions you are pursuing.
Put coarsely, data scientists work with stakeholders to solve their problems. What this typically looks like is developing some kind of (ML) model.
"pages build and deployment: Some jobs were not successful." Someone know how to do this successful?
It’s hard to say what the issue was from that error, but you can troubleshoot by cloning the example repo and replacing it with your own content.
hi. an you make an better versin of this. it looks so blant.
If you build the website with some external tool you can always drop the HTML and CSS onto GitHub to host it.
They changed the syntax again, here is the updated syntax:
Add the following to your site's _config.yml:
- "remote_theme: pages-themes/minimal@v0.2.0"
Thank you! The Doc was driving me nuts and there's no updated video besides yours.
Thanks for sharing! I was able to run the existing code without errors. However, this is still helpful for those seeking alternative themes.
Super helpful!
Great to hear!
I wish I had this video in January 🥲
Better late than never I suppose 😅