hyde
hyde copied to clipboard
add avatar like image to sidebar
Is it possible to add an avatar-like icon or image to the sidebar above the site title? For example, the header image shown here: https://deanattali.com/beautiful-jekyll/. Thanks!
Hi, I went to sidebar.html and added:
<img src="{{ site.baseurl }}public/profile_picture.jpg" alt="hi" class="inline"/>
above the tag with the site title.
...add your picture to the public folder. :)
First, Your avatar(or icon) will be placed in public or assets directory. Second, in _includes/sidebar.html At the top of source code..
<div class="sidebar-about">
<h1>
<a href="{{ site.baseurl }}">
{{ site.title }}
</a>
</h1>
<img src='{{"/public/icon.jpg" | absolute_url}}'> <!-- **Tag Insertion, like this**-->
<p class="lead">{{ site.description }}</p>
</div>