search

panr / hugo-theme-hello-friend

Pretty basic theme for Hugo that covers all of the essentials. All you have to do is start typing!
https://github.com/panr/hugo-theme-hello-friend/
MIT License
1.06k stars 1.22k forks source link

How to add a Welcome message? #245

Closed linuxlifepage closed 2 years ago

linuxlifepage commented 2 years ago

Interested in a welcome message as on this site https://hugo-hello-friend.vercel.app/ Thanks!

linuxlifepage commented 2 years ago

Hi all! I solved this issue:

Add this code in layouts/index.html (Copy from theme themes/hugo-theme-hello-friend/layouts/_default/index.html)

<div class="index-content framed">
      <h1 id="hello-there">Hello there!</h1>
      <p>Welcome in demo of the <code>Hello Friend</code> theme. Please, look around and check whether this is what you are looking for.</p>
</div>

And this code in static/style.css

.framed {
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #dcdcdc;
    border: 1px solid var(--border-color);
    max-width: 800px;
}

Congratulation!

Hugo welcome