Hugo-coder: The Social Icons are Broken

Created on 23 Oct 2020  路  5Comments  路  Source: luizdepra/hugo-coder

Hi, there.

I updated the theme (with commit 733bc74) and deployed on my site. But I found the social icons are broken on my homepage.

Here is a screenshot below:

image

Here is a part of my configurations.

[[params.social]]
    name = "GitHub"
    icon = "fab fa-github fa-2x"
    weight = 1
    url = "https://github.com/jtr109/"
[[params.social]]
    name = "Twitter"
    icon = "fab fa-twitter fa-2x"
    weight = 3
    url = "https://twitter.com/conbas2019/"
[[params.social]]
    name = "Mail"
    icon = "fas fa-envelope"
    weight = 4
    url = "mailto:[email protected]"
[[params.social]]
    name = "RSS"
    icon = "fas fa-rss"
    weight = 5
    url = "/index.xml"
    rel = "alternate"
    type = "application/rss+xml"

I found the HTML generation works well.

<ul>


          <li>
            <a href="https://github.com/jtr109/" aria-label="GitHub">
              <i class="fab fa-github fa-2x" aria-hidden="true"></i>
            </a>
          </li>



          <li>
            <a href="https://twitter.com/conbas2019/" aria-label="Twitter">
              <i class="fab fa-twitter fa-2x" aria-hidden="true"></i>
            </a>
          </li>



          <li>
            <a href="mailto:[email protected]" aria-label="Mail">
              <i class="fas fa-envelope" aria-hidden="true"></i>
            </a>
          </li>



          <li>
            <a href="https://jtr109.github.io/index.xml" aria-label="RSS" rel="alternate" type="application/rss+xml">
              <i class="fas fa-rss" aria-hidden="true"></i>
            </a>
          </li>


    </ul>

I think the .css from Font Awesome also works well.

Could you please help me to resolve the problem? Hope my informations help.

Most helpful comment

I just fixed it. Ty.

All 5 comments

Hi @jtr109, as mentioned here #445, you have to change the icons in your config.toml file.

Hi @clement-pannetier. I see!

Sorry for ignoring the issue #445 and thanks for your response!

By the way, the complete example may be forgotten to be updated. But I found the great example in the configuration of example site.

By the way, the complete example may be forgotten to be updated. But I found the great example in the configuration of example site.

That's true, I forget that when I pushed the modifications to the wiki @luizdepra

I just fixed it. Ty.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

SillyPilleus picture SillyPilleus  路  5Comments

Mike-E-angelo picture Mike-E-angelo  路  3Comments

maxdrohde picture maxdrohde  路  3Comments

rajeev1986 picture rajeev1986  路  7Comments

paskal picture paskal  路  6Comments