Setting up this Blog! - Part 2
Welcome to part 2 of the blog setup series. In this one, I’m replacing some stock assets and making a few small visual tweaks to the navigation bar.
🖼️ Replacing Stock Icons
✅ Custom Logo
Copy your custom logo to the /static/images directory.
🌐 Favicon
Drop your custom favicon at the top level of the /static directory. Hugo will serve it from the root when the site builds.
🧪 Tweak the Nav Logo Outline
This one’s just a minor nitpick—I wanted to reduce the thick white outline around the logo in the nav bar. If you’re using the Niello theme, head to:
themes/Niello/layout/partials/nav.html
Find this snippet:
<img src="/image/logo.webp?v={{ now.Unix }}" alt="Logo"
class="w-16 h-16 my-5 p-1 bg-gray-100 rounded-full object-cover cursor-pointer hover:scale-110" />
And change the padding slightly:
<img src="/image/logo.webp?v={{ now.Unix }}" alt="Logo"
class="w-16 h-16 my-5 p-.8 bg-gray-100 rounded-full object-cover cursor-pointer hover:scale-110" />
Tiny tweak, but it made a visual difference I liked.
📂 Other Stock Images
In the /static/images folder, you’ll find a few more stock assets you can replace:
common-404.webpcommon-writing-empty.webp
Once I come up with better versions of these, I’ll drop them into the same directory and they’ll overwrite the theme defaults automatically.