Change website icon in hexo

  1. Changing the Hexo Site Icon
    1. How to Change in the Next Theme
    2. How to Change in the 3-Hexo Theme
  2. Website Icon Download

Changing the Hexo Site Icon

The icon above is called a website icon

How to Change in the Next Theme

First, place your icon into the hexo/themes/theme/source/ directory.

Then modify the icon setting in your theme’s _config.yml like so:

favicon: /favicon.ico

Change this line to the name of your own icon.

How to Change in the 3-Hexo Theme

First, place your icon into the hexo/themes/theme/source/img/ directory.

Then modify the icon setting in your theme’s _config.yml like so:

favicon: /img/favicon.jpg

Change this line to your personal website icon (.jpg image).

Website Icon Download

You can download free website icons from Alibaba’s Vector Icon Library. Just pick one you like (note: the Next theme requires an .ico file, while the 3-hexo theme uses a .jpg file), or you can also create your own.


Please indicate the source for reprinting, welcome to research the sources quoted in the article, welcome to point out any errors or not clear expression. Leave a comment in the comment section below or email us at [email protected]

Title:Change website icon in hexo

Count:142

Author:Xu Zijin

Created At:2024-01-27, 18:01:35

Updated At:2024-02-10, 12:09:04

Url:https://xuzijin.com/en/01282024/Change-website-icon-in-hexo/

Copyright: 'Attribution-non-commercial-shared in the same way 4.0' Reprint please keep the original link and author.

简体中文