Modifying the Social Buttons

11 Jun 2015 . tech . Comments
#tutorial

Social buttons appear above the footer, providing visitors quick access to your online presence across different platforms.

Configuration

Define your social links in _config.yml:

social:
  - icon: "github"
    url: "https://github.com/yourusername"
  - icon: "linkedin-in"
    url: "https://linkedin.com/in/yourusername"
  - icon: "x-twitter"
    url: "https://twitter.com/yourusername"
  - icon: "rss"
    url: "/feed.xml"

Each entry requires:

Field Description
icon Font Awesome icon name (without fa- prefix)
url Full URL to your profile

Available Icons

The theme uses Font Awesome icons. Popular options include:

Platform Icon Name
GitHub github
LinkedIn linkedin-in
Twitter/X x-twitter
Instagram instagram
Facebook facebook-f
YouTube youtube
Mastodon mastodon
Stack Overflow stack-overflow
Medium medium
Dev.to dev
RSS Feed rss
Email envelope

Examples

Developer-focused:

social:
  - icon: "github"
    url: "https://github.com/username"
  - icon: "stack-overflow"
    url: "https://stackoverflow.com/users/123456"
  - icon: "dev"
    url: "https://dev.to/username"
  - icon: "linkedin-in"
    url: "https://linkedin.com/in/username"

Content creator:

social:
  - icon: "youtube"
    url: "https://youtube.com/@channel"
  - icon: "instagram"
    url: "https://instagram.com/username"
  - icon: "x-twitter"
    url: "https://twitter.com/username"
  - icon: "rss"
    url: "/feed.xml"

Tips

  • Only include platforms you actively use
  • Order by importance or frequency of updates
  • Always include your RSS feed for blog subscribers
  • Test all links after configuration
Me

'Github''s Octocat was designed by Simon Oxley, alongside the white bird Twitter used (before they received a proper logo) as part of a usual routine of cranking out images for iStock. GitHub saw it, and wanted it, presumably under the notion that it can represent how complex code combines to create peculiar things, much like the octopuss... except the CEO of GitHub called it an octocat, and it has been the octocat since then.