不得不说,coder主题配置的默认favicon还是很好看的,不过我还是想要让我的网站更加个性化,一开始尝试了网上的多个教程,将所有的图标都换了一次,也改了一些配置,都没有实现,最后直接上Github向模版作者提issue,作者很快就回复了,让我尝试了一下,就成功了。在这里非常感谢作者luizdepra
生成icon 链接到标题
首先需要生成一些列的icon,推荐两个网站:
对于每一种模版可能需要生成不同样式的icon,对于coder模版,需要以下的icon
- apple-touch-icon.png
- favicon-16x16.png
- favicon-32x32.png
- favicon.svg 其中,apple-touch-icon.png和favicon.svg可能需要用Realfavicongenerator生成,其他的可以用ico51生成。
替换icon 链接到标题
直接将生成的icon放到/static/images
文件夹下,即可!
如果想要更改显示的图标的尺寸的话可以根据luizdepra的建议去更改/hugo-coder/layouts/partials/head/custom-icons.html
的内容。