Note

The maintainer of this plugin (currently) doesn't use mkdocs herself, so consider this plugin in a "provided as-is" situation. PRs are welcome and the maintainer will do what she can to review them in time, and she will also do her best to look at any bug reports and solve them if possible. But be aware that this project has a low priority on the maintainer's very full TODO list.

MkDocs Site URLs Plugin

A MkDocs plugin that adds support for site-relative site: URLs.

Example:

URL	site_url	resulting URL
site:images/foo.png	https://example.com/	/images/foo.png
site:images/foo.png	https://example.com/path/	/path/images/foo.png
site:images/foo.png	unset/empty	/images/foo.png

Please note: This plugin requires MkDocs 1.5 or higher.

Getting Started

1. Install the plugin from PyPI

   pip install mkdocs-site-urls

2. Add the site-urls plugin to your mkdocs.yml plugins section:

   plugins:
     - site-urls

3. Start using site-relative URLs in your Markdown files by prefixing them with site::

   [Link to another page](site:another-page/relative/to/the/site/root)
   
   ![Image](site:images/foo.png)

Configuration

By default the plugin will replace URLs in href, src and data attributes. You can configure the attributes to replace by setting the attributes option in your mkdocs.yml, e.g.:

plugins:
  - site-urls:
      attributes:
        - href
        - src
        - data
        - data-url

Be advised that in case of any customization on your part you need to include the default attributes as well if you want to keep them, as the default list will not be included automatically anymore.

If site: as the prefix does not work for you for any reason, you can also configure that, e.g.

plugins:
  - site-urls:
      prefix: "relative:"

This can also be used to interpret absolute URLs like /example/file.png as relative, by setting the prefix to /.

The plugin will extract the path prefix to use from the site_url. configured in your mkdocs.yaml. If no site_url is configured, it will default to using the root path /.

How it works

The plugin hooks into the on_page_content event and replaces all URLs in the configured attributes (by default href, src or data) in the rendered HTML with the corresponding site-relative URLs.

Development

1. Create a venv & activate it, e.g. python -m venv venv && source venv/bin/activate
2. Install the dev requirements: pip install -r requirements-dev.txt
3. Install the pre-commit hooks: pre-commit install

You can run the tests with pytest.

To build the docs, install their dependencies as well (pip install -r requirements-docs.txt), then run mkdocs build.

License

This project is licensed under the MIT license, see the LICENSE file for details.