laozhu / hugo-nuo

🎨 A responsive light & clean hugo theme for blogger.
https://laozhu.me
MIT License
427 stars 150 forks source link

Changing the favicon #119

Closed aaronkjones closed 5 years ago

aaronkjones commented 5 years ago

There are previous discussions talking about doing this, #57 and #16 but they are above my understanding. I am very new to using Hugo. Can someone provide a step by step on how to do it?

Such as...

cd themes
git clone https://github.com/laozhu/hugo-nuo
...
laozhu commented 5 years ago

Hi @aaronkjones, you can reset the avatar link in your config.toml, but I think the simplest method is replacing the avatar and icons in the theme with your own images and keep the name the same.

If you want to develop the theme to your own theme, just start from head.html.

aaronkjones commented 5 years ago

Can this be done without modifying the theme? The theme is added as a submodule so that I can keep it updated. If I make changes, they will be overridden when I do.

laozhu commented 5 years ago

Hi, @aaronkjones

Copy themes/hugo-nuo/assets and themes/hugo-nuo/static to your blog root dir and keep the filename the same with theme.

~/D/@/my-blog ❯❯❯ tree -L 2
.
├── config.toml
├── assets
│   └── images          <-- replace images
├── static
│   ├── favicon.ico     <-- replace favicon.ico
│   ├── icons           <-- replace icons
│   └── manifest.json
└── themes
    └── hugo-nuo

Above is your blog repo structure, now you can replace images with your own, and don't need to modify theme anymore.

aaronkjones commented 5 years ago

Thanks so much and sorry to resurrect this topic