Live tile for Jekyll

[Microsoft](h introduced live tile for websites for IE in Windows 8, which was improved even further in 8.1 and now it continues in Microsoft Edge for Windows which makes it a great feature to have, because all you have to do is pin the site to Start.

The live tile does not anything special, all it needs is a RSS feed and refresh timing for content polling.

This means a static website can have a live tile. So you can have this feature in a Jekyll based website.

All you have to do is add meta this to the head of your website.

<meta name="application-name" content="{{site.title}}"/>  
    <meta name="msapplication-TileColor" content="#00acff"/>
    {% if site.logo %}
    <meta name="msapplication-square70x70logo" content="{{site.logo}}"/>
    <meta name="msapplication-square150x150logo" content="{{site.logo}}"/>
    <meta name="msapplication-wide310x150logo" content="{{site.logo}}"/>
    <meta name="msapplication-square310x310logo" content="{{site.logo}}"/>
    {% endif %}
    <meta name="msapplication-notification" content="frequency=30;polling-uri=http://notifications.buildmypinnedsite.com/?feed={{site.url}}/atom.xml&id=1;polling-uri2=http://notifications.buildmypinnedsite.com/?feed={{site.url}}/atom.xml&id=2;polling-uri3=http://notifications.buildmypinnedsite.com/?feed={{site.url}}/atom.xml&id=3;polling-uri4=http://notifications.buildmypinnedsite.com/?feed={{site.url}}/atom.xml&id=4;polling-uri5=http://notifications.buildmypinnedsite.com/?feed={{site.url}}/atom.xml&id=5; cycle=1"/>
<!-- Created by Darryl Dias http://darryldias.me/live-tile-for-jekyll -->  
Code language: HTML, XML (xml)

You need to add logo: string to your _config.yml and add the path of your logo.

You can change edit this meta for adding different logo support for each tile size, you can change the color to by editing TileColor content meta.

If you wish to support me keep the Credit comment.

You can pin my website to Start, it has live tile support.

Thank you for reading.

Have a question? Leave a comment.