Links
Choose your link type based on your goal:
- Link from source content that’s used in multiple projects
- Link to
grafana.com
pages - Link to external pages
- Link to page headings
- Use this with one of the preceding options.
Although these other types of links still function, replace them with one of the preceding options:
Link from source content that’s used in multiple projects
Use ref
URIs. Ref
URIs have two components:
Note
If you’re using
doc-validator
in CI, you must upgrade to v5.0.0 to useref
URIs.
doc-validator
no longer checks link destinations. You must manually check link destinations in the local preview or fix broken links identified by the weekly website crawl.
ref
URIs look up destinations based upon the page’s URL path and the definitions in the page’s front matter.
Link
A link with a ref
URI looks like:
[LINK TEXT](ref:<KEY>)
For the KEY
, enter an alphabetic term. It can include hyphens (-
).
Hugo looks up KEY
in the value for the refs
field in the page’s front matter.
If there is no KEY
in the refs
field, or there is no refs
field in the front matter, Hugo logs a build error.
Front matter
A partial front matter containing the refs
field looks like:
refs:
<KEY>:
- pattern: <URL PATH PREFIX>
destination: <FULL URL>
- pattern: <URL PATH PREFIX>
destination: <FULL URL>
URL PATH PREFIX
- Enter the part of the page URL that represents the project in which the documentation is published.destination
- Enter the full URL of the destination page for that project including trailing slashes.
If the page’s URL matches the pattern URL PATH PREFIX
, then Hugo uses destination
as the link destination.
If no pattern matches the current page, Hugo logs a build error.
The FULL URL
destination has the same behavior as described in Link to grafana.com
pages
Example
The following Markdown snippet demonstrates the refs
front matter and link that uses a ref
URI.
---
refs:
grafana-alerting:
- pattern: /docs/grafana/
destination: https://grafana.com/docs/grafana/<GRAFANA_VERSION>/alerting/fundamentals/data-source-alerting/
- pattern: /docs/grafana-cloud/
destination: https://grafana.com/docs/grafana-cloud/alerting-and-irm/alerting/fundamentals/data-source-alerting/
---
# Set up Alerting
## Before you begin
- Check which data sources are compatible with and supported by [Grafana Alerting](ref:grafana-alerting).
In the Grafana page, the link destination is https://grafana.com/docs/grafana/latest/alerting/fundamentals/data-source-alerting/.
Hugo replaces the version substitution syntax <GRAFANA_VERSION>
with the version inferred from the current page.
In the page Grafana Cloud page, the link destination is https://grafana.com/docs/grafana-cloud/alerting-and-irm/alerting/fundamentals/alert-rules/.
Link to grafana.com
pages
Use a full URL.
Note
Thedoc-validator
linter doesn’t check links that use full URLs.
If you are linking to versioned documentation, use a full URL with version substitution syntax instead of the version path element.
For example, in Grafana, use <GRAFANA_VERSION>
instead of latest
in the URL https://grafana.com/docs/grafana/latest/
.
When Hugo renders links with version substitution, it replaces the <SOMETHING_VERSION>
syntax with the version inferred from the current page.
To understand the behavior in more detail, refer to About version substitution You use full URLs with the substitution variable so that links resolve to the correct version of documentation without requiring the writer to update the version for each release. For examples of behavior, refer to Examples.
To override the version inferred by version substitution, set the preferred version in the root _index.md
file for your documentation.
The following YAML snippet sets GRAFANA_VERSION
to be latest
for that page and all child pages.
You must merge the following YAML example with the front matter in the root _index.md
file.
cascade:
GRAFANA_VERSION: latest
Examples
Link to Grafana documentation:
Start with https://grafana.com/docs/grafana/<GRAFANA_VERSION>/
, and add the rest of the URL path. Include trailing slashes.
For example, to link to the Developers page with version substitution, use:
https://grafana.com/docs/grafana/<GRAFANA_VERSION>/developers/
- If you’re linking from Grafana documentation,
<GRAFANA_VERSION>
is substituted with the version inferred from the page’s URL. - If you’re linking from other documentation,
<GRAFANA_VERSION>
is substituted with the value ofGRAFANA_VERSION
from the source page’s front matter.
Link to Grafana Cloud documentation:
Grafana Cloud documentation isn’t versioned and doesn’t require version substitution syntax. Use the full URL.
For example, to link to the Author and run tests page, use:
https://grafana.com/docs/grafana-cloud/k6/author-run/
Link to Mimir documentation:
Start with https://grafana.com/docs/grafana/<MIMIR_VERSION>/
, and add the rest of the URL path.
For example, to link to the Release notes page with version substitution, use:
https://grafana.com/docs/mimir/<MIMIR_VERSION>/release-notes/
- If you’re linking from Mimir documentation,
<MIMIR_VERSION>
is substituted with the version inferred from the page’s URL. - If you’re linking from other documentation,
<MIMIR_VERSION>
is substituted with the value ofMIMIR_VERSION
from the source page’s front matter.
Link to external pages
Use the full URL. Copy the URL exactly from the address bar. If it includes a trailing slash, include it; if it doesn’t, don’t.
For example:
https://github.com
Link to page headings
Link to a heading on a page in one of two ways.
From within the same page:
Read more in the [Configuration section](#configuration) of this page.
From a different page:
Read more in the [Grafana Open Source section of the Introduction page](https://grafana.com/docs/grafana/<GRAFANA_VERSION>/fundamentals/#grafana-open-source).
Include the trailing slash before the hash (#) that precedes the page heading.
To convert a heading to an anchor, make the following changes:
- Convert to lower case.
- Remove any period characters (
.
). - Replace any character that’s not a lower cased letter, a number, or an underscore (
_
) with dashes (-
). - Trim any preceding or proceeding dashes (
-
). - Prefix with a
#
.
The heading Link to page headings becomes the anchor #link-to-page-headings
.