diff --git a/exampleSite/content/docs/guide/configuration.md b/exampleSite/content/docs/guide/configuration.md index 1d10f703..3b1da2aa 100644 --- a/exampleSite/content/docs/guide/configuration.md +++ b/exampleSite/content/docs/guide/configuration.md @@ -65,6 +65,24 @@ There are different types of menu items: These menu items can be sorted by setting the `weight` parameter. +### Logo and Title + +To modify the default logo, edit `hugo.yaml` and add the path to your logo file under `static` directory. +Optionally, you can change the link that users are redirected to when clicking on your logo, as well as set the width & height of the logo in pixels. + +```yaml {filename="hugo.yaml"} +params: + navbar: + displayTitle: true + displayLogo: true + logo: + path: images/logo.svg + dark: images/logo-dark.svg + link: / + width: 40 + height: 20 +``` + ## Sidebar ### Main Sidebar @@ -137,3 +155,22 @@ copyright: "© 2023 YOUR TEXT HERE" ``` For your reference, an example [`i18n/en.yaml`](https://github.com/imfing/hextra/blob/main/i18n/en.yaml) file can be found in the GitHub repository. Additionally, you could use Markdown format in the copyright text. + +## Others + +### Favicon + +To customize the [favicon](https://en.wikipedia.org/wiki/Favicon) for your site, place icon files under the `static` folder to override the default favicons from the theme: + +``` +static +├── android-chrome-192x192.png +├── android-chrome-512x512.png +├── apple-touch-icon.png +├── favicon-16x16.png +├── favicon-32x32.png +├── favicon-dark.svg +├── favicon.ico +├── favicon.svg +└── site.webmanifest +```