diff options
| author | Corné Haasjes <c.haasjes@lumc.nl> | 2025-04-01 21:25:53 +0200 |
|---|---|---|
| committer | Corné Haasjes <c.haasjes@lumc.nl> | 2025-04-01 21:25:53 +0200 |
| commit | c9e49557f43a31b6072035e25f0bbfcd408a1a87 (patch) | |
| tree | 5321c0152756c3a13213b03a28cb08427455992c | |
| parent | e8b33279b77a92e64d431904a49005348060dfd9 (diff) | |
Document hooks in wiki
| -rw-r--r-- | wiki/features/hooks.md | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/wiki/features/hooks.md b/wiki/features/hooks.md new file mode 100644 index 0000000..31bbb21 --- /dev/null +++ b/wiki/features/hooks.md @@ -0,0 +1,29 @@ +--- +title: "Hooks" +date: "2024-10-6" +summary: "Layout hooks" +description: "Layout hooks" +toc: false +readTime: false +autonumber: true +math: false +showTags: false +--- + +Hooks allow to customize layouts by injecting custom code at specific points in the layout. +Hooks are defined in the `layouts/partials/hooks` directory. +The following hooks are currently available: + +- `head_start` is inserted at the beginning of the `<head>` tag. +- `head_end` is inserted at the end of the `<head>` tag. +- `body_end` is inserted at the end of the `<body>` tag. +- `footer_start` is inserted at the beginning of the footer. + +To create a hook, add a file named `<hook_name>.html` in the `layouts/partials/hooks` directory. The file should contain the code you want to inject at that point in the layout. +For example, to preload a font, you can create a file named `head_start.html` in the `layouts/partials/hooks` directory with the following content: + +```html +<link rel="preload" href="/fonts/Literata/Literata-Light.woff2" type="font/woff2" as="font" crossorigin> +``` + +The full context is passed to the hook, so any variables available in the page context can be used in the hook.
\ No newline at end of file |