StanleyProjects
I found an easy workaround until this feature gets implemented in V3:
- Go to Administration>Theme
- In the Head HTML Injectionfield, paste the following code:
- Replace <YOUR_LINK>with the full link to your favicon, then clickApply.
<script>
document.querySelectorAll('link[rel=icon],link[rel=apple-touch-icon],link[rel=mask-icon],meta[name=msapplication-TileImage]').forEach(function(node) {
node.setAttribute(node.hasAttribute("content")?'content':'href', '<YOUR_LINK>');
});
</script>
Nicolas Giard
added in v3
Added in upcoming v3 release.
S
SwitchUpCB
This could also include the ability to use Open Graph for URL previews.
BloodshotPico
Where do I go for Docker compose to do this?
Kai
A Note for Kubernetes Helm deployments:
Add to values.yaml:
volumeMounts:
- name: favi-blank
mountPath: /assets/favicons
volumes:
- name: favi-blank
emptyDir: {}
To prevent your html injection from being overwritten with wikijs's favicon.
PJ Palomaki
Currently, a hacky way to achieve is to inject it into the HTML via Theme > Code Injection. Under HTML, just add
<link rel="icon" type="image/png" href="https://my-assets/favicon.png">
RDUser2022
PJ Palomaki: Amazing! ... so much easier than overriding things inside Docker! Not sure why people don't just suggest this first.
Alde Roberge
For future reference, use "https://realfavicongenerator.net/" and place the result in wiki/Assets/Favicons
P
Philip Warner
You can do this with HTML code injection in the header - something like this: <link rel="shortcut icon" type="image/x-icon" href="https://your-domain.com/favicon.ico">
You'll need to host the favicon file outside of your wiki.js installation
G
Gordon D. Bonnar
I would also appreciate the ability to change this in the administration panel by choosing an asset, just like we can with the logo.
Remi Dupuis
Yes! Please. I'm trying to change it by the html and css injection, but I'm not getting
Load More
→