Favicon | Voters

Favicon

added in v3

Michael Friedrich

Give the option to change favicon via administration

March 24, 2020

Nicolas Giard

marked this post as

added in v3

Pinned

Added in upcoming v3 release.

St Ef

For docker-compose users I believe this is the easiest way to change your fav.ico
------------------
services:
wikijs:
image: ghcr.io/requarks/wiki:2.5.307
ports:
- "3000:3000"
volumes:
- ./myfiles/fav.ico:/wiki/client/static/assets/icons/favicon.ico
- ./config:/wiki/config                                    # if you use custom config.json
- ./wiki_db_data:/var/lib/postgresql/data     # for persistence
environment:
...
...
That's what I use and it works fluently.

StanleyProjects

I found an easy workaround until this feature gets implemented in V3:

Go to
Administration
>
Theme
In the
Head HTML Injection
field, paste the following code:
Replace
<YOUR_LINK>
with the full link to your favicon, then click
Apply
.

<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

marked this post as

added in v3

Added in upcoming v3 release.

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

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

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

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.

→