hugo-apero
hugo-apero copied to clipboard
Add icon for YouTube
I can see that the icons used in the pages come from font awesome but I'm not sure how to add something new like YouTube. I was particularly looking at adding it to the project links.
Thanks
Hi! These are using font awesome icons, where you have to find the free font awesome icon you want first, like: https://fontawesome.com/icons?d=gallery&q=youtube&m=free
Then specify the icon you want minus the fa-
prefix (youtube
) and the brand pack (here, fab
for font awesome brands). Here is an example:
https://raw.githubusercontent.com/hugo-apero/hugo-apero/main/exampleSite/content/project/bakeoff/index.md
---
title: "Bakeoff"
subtitle: "An R Package"
excerpt: "This theme has a form-to-email feature built in, thanks to the simple Formspree integration. All you need to activate the form is a valid recipient email address saved in the form front matter."
date: 2019-07-01
author: "Eric Anderson"
draft: false
tags:
- hugo-site
categories:
- Theme Features
- R
- package
layout: single
links:
- icon: door-open
icon_pack: fas
name: website
url: https://bakeoff.netlify.com/
- icon: github
icon_pack: fab
name: code
url: https://github.com/apreshill/bakeoff
---
So for you, you'd want:
links:
- icon: youtube
icon_pack: fab
name: website
url: https://bakeoff.netlify.com/
I'm realizing I documented it for the social icons, but not for talks or projects 🙈 https://github.com/hugo-apero/hugo-apero/blob/2c923ad40eb462a607b7a7cbdbe22f3da3e1a710/exampleSite/config.toml#L79-L83
https://hugo-apero-docs.netlify.app/blog/social/
Does that help?
That's resolved it - many thanks! The one character change between icon-packs threw me so I'd completely missed there was fab and fas and far! Thanks for updating the config.toml, that's going to be really helpful.