poole / hyde

A brazen two-column theme for Jekyll.
http://hyde.getpoole.com
Other
3.65k stars 3.95k forks source link

add avatar like image to sidebar #233

Open camrinbraun opened 5 years ago

camrinbraun commented 5 years ago

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!

dmitry-vereykin commented 5 years ago

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. :)

eisen1990 commented 5 years ago

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>