jekyll-share-links

jekyll-share-links

Social media share buttons for Jekyll templates, no JavaScript

Social Media Share Buttons for Jekyll Templates

This is a snippet of Liquid that you can include in your Jekyll templates. It will show a number of buttons using SVG social media icons from the Font Awesome iconset, taken from here. It uses static links, no JavaScript required.

Example of how it'll look:

Example SASS styling:


#share {
    margin: 50px 0;

    h2 {
        font-size: 1.2em;
    }

    ul {
        list-style: none;

        li {
            display: inline;

            a {
                &:hover {
                    text-decoration: none;
                }

                svg {
                    width: 50px;
                    height: 50px;
                    fill: #333;
                }
            }
        }
    }
}
jekyll logo

Want a Jekyll website built?

Hire a Jekyll developer