mirror of
https://github.com/McShelby/hugo-theme-relearn.git
synced 2024-12-26 07:38:45 +00:00
178 lines
8.1 KiB
Markdown
178 lines
8.1 KiB
Markdown
+++
|
||
title = "Configuration"
|
||
weight = 20
|
||
+++
|
||
|
||
## Global site parameters
|
||
|
||
On top of [Hugo global configuration](https://gohugo.io/overview/configuration/), the Relearn theme lets you define the following parameters in your `config.toml` (here, values are default).
|
||
|
||
Note that some of these parameters are explained in details in other sections of this documentation.
|
||
|
||
```toml
|
||
[params]
|
||
# This controls whether submenus will be expanded (true), or collapsed (false) in the
|
||
# menu; if no setting is given, the first menu level is set to false, all others to true;
|
||
# this can be overridden in the pages frontmatter
|
||
alwaysopen = true
|
||
# Prefix URL to edit current page. Will display an "Edit" button on top right hand corner of every page.
|
||
# Useful to give opportunity to people to create merge request for your doc.
|
||
# See the config.toml file from this documentation site to have an example.
|
||
editURL = ""
|
||
# Author of the site, will be used in meta information
|
||
author = ""
|
||
# Description of the site, will be used in meta information
|
||
description = ""
|
||
# Shows a checkmark for visited pages on the menu
|
||
showVisitedLinks = false
|
||
# Disable search function. It will hide search bar
|
||
disableSearch = false
|
||
# Disable search in hidden pages, otherwise they will be shown in search box
|
||
disableSearchHiddenPages = false
|
||
# Disables hidden pages from showing up in the sitemap and on Google (et all), otherwise they may be indexed by search engines
|
||
disableSeoHiddenPages = false
|
||
# Disables hidden pages from showing up on the tags page although the tag term will be displayed even if all pages are hidden
|
||
disableTagHiddenPages = false
|
||
# Javascript and CSS cache are automatically busted when new version of site is generated.
|
||
# Set this to true to disable this behavior (some proxies don't handle well this optimization)
|
||
disableAssetsBusting = false
|
||
# Set this to true to disable copy-to-clipboard button for inline code.
|
||
disableInlineCopyToClipBoard = false
|
||
# A title for shortcuts in menu is set by default. Set this to true to disable it.
|
||
disableShortcutsTitle = false
|
||
# If set to false, a Home button will appear below the search bar on the menu.
|
||
# It is redirecting to the landing page of the current language if specified. (Default is "/")
|
||
disableLandingPageButton = true
|
||
# When using mulitlingual website, disable the switch language button.
|
||
disableLanguageSwitchingButton = false
|
||
# Hide breadcrumbs in the header and only show the current page title
|
||
disableBreadcrumb = true
|
||
# If set to true, hide table of contents menu in the header of all pages
|
||
disableToc = false
|
||
# If set to false, load the MathJax module on every page regardless if a MathJax shortcode is present
|
||
disableMathJax = false
|
||
# Specifies the remote location of the MathJax js
|
||
customMathJaxURL = "https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"
|
||
# Initialization parameter for MathJax, see MathJax documentation
|
||
mathJaxInitialize = "{}"
|
||
# If set to false, load the Mermaid module on every page regardless if a Mermaid shortcode or Mermaid codefence is present
|
||
disableMermaid = false
|
||
# Specifies the remote location of the Mermaid js
|
||
customMermaidURL = "https://unpkg.com/mermaid/dist/mermaid.min.js"
|
||
# Initialization parameter for Mermaid, see Mermaid documentation
|
||
mermaidInitialize = "{ \"theme\": \"default\" }"
|
||
# If set to false, load the Swagger module on every page regardless if a Swagger shortcode is present
|
||
disableSwagger = false
|
||
# Specifies the remote location of the RapiDoc js
|
||
customSwaggerURL = "https://unpkg.com/rapidoc/dist/rapidoc-min.js"
|
||
# Initialization parameter for Swagger, see RapiDoc documentation
|
||
swaggerInitialize = "{ \"theme\": \"light\" }"
|
||
# Hide Next and Previous page buttons normally displayed full height beside content
|
||
disableNextPrev = true
|
||
# Order sections in menu by "weight" or "title". Default to "weight";
|
||
# this can be overridden in the pages frontmatter
|
||
ordersectionsby = "weight"
|
||
# Change default color scheme with a variant one. Eg. can be "red", "blue", "green" or an array like [ "blue", "green" ].
|
||
themeVariant = "relearn-light"
|
||
# Change the title separator. Default to "::".
|
||
titleSeparator = "-"
|
||
# If set to true, the menu in the sidebar will be displayed in a collapsible tree view.
|
||
collapsibleMenu = false
|
||
# If a single page can contain content in multiple languages, add those here
|
||
additionalContentLanguage = [ "en" ]
|
||
```
|
||
|
||
## A word on running your site in a subfolder
|
||
|
||
The theme runs best if your site is installed in the root of your webserver. If your site is served from a subfolder, eg. `https://example.com/mysite/`, you have to set the following lines to your `config.toml`
|
||
|
||
````toml
|
||
baseURL = "https://example.com/mysite/"
|
||
canonifyURLs = true
|
||
````
|
||
|
||
Without `canonifyURLs=true` URLs in sublemental pages (like `sitemap.xml`, `rss.xml`) will be generated falsly while your HTML files will still work. See https://github.com/gohugoio/hugo/issues/5226.
|
||
|
||
## Activate search
|
||
|
||
If not already present, add the follow lines in the same `config.toml` file.
|
||
|
||
```toml
|
||
[outputs]
|
||
home = ["HTML", "RSS", "JSON"]
|
||
```
|
||
|
||
Relearn theme uses the last improvement available in hugo version 20+ to generate a json index file ready to be consumed by lunr.js javascript search engine.
|
||
|
||
> Hugo generate lunrjs index.json at the root of public folder.
|
||
> When you build the site with `hugo server`, hugo generates it internally and of course it doesn’t show up in the filesystem
|
||
|
||
## Activate print support
|
||
|
||
You can activate print support to add the capability to print whole chapters or even the complete site. Just add the `PRINT` output format to your home, section and page in your `config.toml` as seen below:
|
||
|
||
```toml
|
||
[outputs]
|
||
home = ["HTML", "RSS", "PRINT", "JSON"]
|
||
section = ["HTML", "RSS", "PRINT"]
|
||
page = ["HTML", "RSS", "PRINT"]
|
||
```
|
||
|
||
This will add a little printer icon in the top bar. It will switch the page to print preview when clicked. You can then send this page to the printer by using your browser's usual print functionality.
|
||
|
||
{{% notice note %}}
|
||
While colors of your chosen color variant are reset to the theme's light standard values for printing, this does not apply for Mermaid diagrams and Swagger/OpenAPI Specification. Those will still use the colors of your chosen color variant which may cause a non coherent look on paper.
|
||
{{% /notice %}}
|
||
|
||
## MathJax
|
||
|
||
The MathJax configuration parameters can also be set on a specific page. In this case, the global parameter would be overwritten by the local one. See [Math]({{< relref "shortcodes/math" >}}) for additional documentation.
|
||
|
||
### Example {#math-example}
|
||
|
||
MathJax is globally disabled. By default it won't be loaded by any page.
|
||
|
||
On page "Physics" you coded some JavaScript for a dynamic formulae. You can set the MathJax parameters locally to load mathJax on this page.
|
||
|
||
You also can disable MathJax for specific pages while globally enabled.
|
||
|
||
## Mermaid
|
||
|
||
The Mermaid configuration parameters can also be set on a specific page. In this case, the global parameter would be overwritten by the local one. See [Mermaid]({{< relref "shortcodes/mermaid" >}}) for additional documentation.
|
||
|
||
### Example {#mermaid-example}
|
||
|
||
Mermaid is globally disabled. By default it won't be loaded by any page.
|
||
|
||
On page "Architecture" you coded some JavaScript to dynamically generate a class diagram. You can set the Mermaid parameters locally to load mermaid on this page.
|
||
|
||
You also can disable Mermaid for specific pages while globally enabled.
|
||
|
||
## Home Button Configuration
|
||
|
||
If the `disableLandingPageButton` option is set to `false`, a Home button will appear
|
||
on the left menu. It is an alternative for clicking on the logo. To edit the
|
||
appearance, you will have to configure two parameters for the defined languages:
|
||
|
||
```toml
|
||
[Languages]
|
||
[Languages.en]
|
||
...
|
||
landingPageName = "<i class='fas fa-home'></i> Home"
|
||
...
|
||
[Languages.pir]
|
||
...
|
||
landingPageName = "<i class='fas fa-home'></i> Arrr! Homme"
|
||
...
|
||
```
|
||
|
||
If those params are not configured for a specific language, they will get their
|
||
default values:
|
||
|
||
```toml
|
||
landingPageName = "<i class='fas fa-home'></i> Home"
|
||
```
|
||
|
||
The home button is going to look like this:
|
||
|
||
![Default Home Button](images/home_button_defaults.png?classes=shadow&width=300px)
|