How to create your own logo and apply to your own website

I have no background of editing html and css. It took me a while to figure out how to modify the Hugo Lithium theme for my own blog. I started with this simple theme because the fancier theme, the more knowledge of configuration will be needed. This make it easier for me to transision to the Academic Thmeme that I’m currently using. so I would like to share it with you, by no means that this is the only way to do it.

Step 1: Generate your own favicon ico by using free favicon generator. I generated it by using my inital of my first name.

Step 2: Save the download package and save the favicon.ico logo in the path \thmemes\hugo-lithium\static\ (Hugo will copy it to root directory).and copy the small logo named apple-touch-icon.png under the path \thmemes\hugo-lithium\static\images

Step 3: change the url logo.png name in the file config.toml under

[params.logo] url = "apple-touch-icon.png"

Yuan Du
Yuan Du
Senior Data Scientist

My interests include applied Statistics, Machine Learning, Deep Learning and Healthcare.