From a789198b202b7a96b7622202bd857510095e46cf Mon Sep 17 00:00:00 2001 From: Matt Wang <matt@matthewwang.me> Date: Fri, 13 Jan 2023 15:56:05 -0800 Subject: [PATCH] docs: fix broken relative page links (#1106) In touching up the migration guide, I noticed that many of our documentation site links are broken! For example, on the homepage, this link: <img width="782" alt="screenshot of homepage; code snippet is in next block" src="https://user-images.githubusercontent.com/14893287/210462690-31aa7bf5-dd79-4e8f-a3c5-1213e73771c4.png"> which has the following href ```code <a href="/just-the-docs/just-the-docs/CHANGELOG/">the CHANGELOG</a> ``` duplicates the `baseurl` twice. There are 14 such broken links across the site. Each link duplicates the `baseurl` and `link` tags, which has since been resolved with links being relative by default (there's a set of PRs that document this - I can't find the exact paper trail right now). To resolve this, I: - find and replace site-wide `{{ site.baseurl }}{% link` with `{% link` - tested each link, which now works properly locally *and* on the deploy preview I'm surprised we didn't catch this earlier! I also could be missing something else, in which case feedback on this PR is certainly welcome. --- docs/configuration.md | 8 ++++---- docs/customization.md | 4 ++-- docs/navigation-structure.md | 4 ++-- docs/ui-components/buttons.md | 4 ++-- docs/ui-components/callouts.md | 4 ++-- docs/ui-components/typography.md | 2 +- index.md | 4 ++-- 7 files changed, 15 insertions(+), 15 deletions(-) diff --git a/docs/configuration.md b/docs/configuration.md index d7ff5de3..b03806f0 100644 --- a/docs/configuration.md +++ b/docs/configuration.md @@ -79,7 +79,7 @@ mermaid: version: "9.1.3" ``` -See [the Code documentation]({{ site.baseurl }}{% link docs/ui-components/code.md %}#mermaid-diagram-code-blocks) for more configuration options and information. +See [the Code documentation]({% link docs/ui-components/code.md %}#mermaid-diagram-code-blocks) for more configuration options and information. ## Aux links @@ -106,7 +106,7 @@ heading_anchors: true ## External navigation links External links can be added to the navigation through the `nav_external_links` option. -See [Navigation Structure]({{ site.baseurl }}{% link docs/navigation-structure.md %}#external-navigation-links) for more details. +See [Navigation Structure]({% link docs/navigation-structure.md %}#external-navigation-links) for more details. ## Footer content @@ -162,7 +162,7 @@ jtd.addEvent(toggleDarkMode, 'click', function(){ }); </script> -See [Customization]({{ site.baseurl }}{% link docs/customization.md %}) for more information. +See [Customization]({% link docs/customization.md %}) for more information. ## Callouts @@ -215,7 +215,7 @@ The value of `callouts_level` is either `quiet` or `loud`; The default level is `quiet` when using the `light` or custom color schemes, and `loud` when using the `dark color scheme.` -See [Callouts]({{ site.baseurl }}{% link docs/ui-components/callouts.md %}) for more information. +See [Callouts]({% link docs/ui-components/callouts.md %}) for more information. ## Google Analytics diff --git a/docs/customization.md b/docs/customization.md index fe42892c..57fc9976 100644 --- a/docs/customization.md +++ b/docs/customization.md @@ -149,7 +149,7 @@ Just the Docs provides the following custom includes files: `_includes/toc_heading_custom.html` -If the page has any child pages, and `has_toc` is not set to `false`, this content appears as a heading above the [auto-generating list of child pages]({{ site.baseurl }}{% link docs/navigation-structure.md %}#auto-generating-table-of-contents) after the page's content. +If the page has any child pages, and `has_toc` is not set to `false`, this content appears as a heading above the [auto-generating list of child pages]({% link docs/navigation-structure.md %}#auto-generating-table-of-contents) after the page's content. #### Example {: .no_toc } @@ -165,7 +165,7 @@ The (optional) `text-delta` class makes the heading appear as **Contents**{:.tex `_includes/footer_custom.html` -This content appears at the bottom of every page's main content. More info for this include can be found in the [Configuration - Footer content]({{ site.baseurl }}{% link docs/configuration.md %}#footer-content). +This content appears at the bottom of every page's main content. More info for this include can be found in the [Configuration - Footer content]({% link docs/configuration.md %}#footer-content). ### Custom Head diff --git a/docs/navigation-structure.md b/docs/navigation-structure.md index 57f55dfd..f9d8ea38 100644 --- a/docs/navigation-structure.md +++ b/docs/navigation-structure.md @@ -235,7 +235,7 @@ Currently, the navigation structure is limited to 3 levels: grandchild pages can ## Auxiliary Links -To add auxiliary links to your site (in the upper right on all pages), add it to the `aux_links` [configuration option]({{ site.baseurl }}{% link docs/configuration.md %}#aux-links) in your site's `_config.yml` file. +To add auxiliary links to your site (in the upper right on all pages), add it to the `aux_links` [configuration option]({% link docs/configuration.md %}#aux-links) in your site's `_config.yml` file. #### Example {: .no_toc } @@ -251,7 +251,7 @@ aux_links: ## External Navigation Links -To add external links to the navigation, add them to the `nav_external_links` [configuration]({{ site.baseurl }}{% link docs/configuration.md %}) option in your site's `_config.yml` file. +To add external links to the navigation, add them to the `nav_external_links` [configuration]({% link docs/configuration.md %}) option in your site's `_config.yml` file. External links will appear in the navigation after the links to ordinary pages, but before any collections. #### Example diff --git a/docs/ui-components/buttons.md b/docs/ui-components/buttons.md index 0cb3401c..d3d4ccdf 100644 --- a/docs/ui-components/buttons.md +++ b/docs/ui-components/buttons.md @@ -56,7 +56,7 @@ GitHub Flavored Markdown does not support the `button` element, so you'll have t ### Button size -Wrap the button in a container that uses the [font-size utility classes]({{ site.baseurl }}{% link docs/utilities/typography.md %}) to scale buttons: +Wrap the button in a container that uses the [font-size utility classes]({% link docs/utilities/typography.md %}) to scale buttons: <div class="code-example" markdown="1"> <span class="fs-6"> @@ -79,7 +79,7 @@ Wrap the button in a container that uses the [font-size utility classes]({{ site ### Spacing between buttons -Use the [margin utility classes]({{ site.baseurl }}{% link docs/utilities/layout.md %}#spacing) to add spacing between two buttons in the same block. +Use the [margin utility classes]({% link docs/utilities/layout.md %}#spacing) to add spacing between two buttons in the same block. <div class="code-example" markdown="1"> [Button with space](http://example.com/){: .btn .btn-purple .mr-2 } diff --git a/docs/ui-components/callouts.md b/docs/ui-components/callouts.md index 753ac927..b53b8796 100644 --- a/docs/ui-components/callouts.md +++ b/docs/ui-components/callouts.md @@ -7,14 +7,14 @@ nav_order: 7 # Callouts -Markdown does not include support for callouts. However, you can style text as a callout using a Markdown extension supported by kramdown: [*block IALs*](https://kramdown.gettalong.org/quickref.html#block-attributes). +Markdown does not include support for callouts. However, you can style text as a callout using a Markdown extension supported by kramdown: [*block IALs*](https://kramdown.gettalong.org/quickref.html#block-attributes). Common kinds of callouts include `highlight`, `important`, `new`, `note`, and `warning`. {: .warning } These callout names are *not* pre-defined by the theme: you need to define your own names. -When you have [configured]({{ site.baseurl }}{% link docs/configuration.md %}#callouts) the `color` and (optional) `title` for a callout, you can apply it to a paragraph, or to a block quote with several paragraphs, as illustrated below.[^postfix] +When you have [configured]({% link docs/configuration.md %}#callouts) the `color` and (optional) `title` for a callout, you can apply it to a paragraph, or to a block quote with several paragraphs, as illustrated below.[^postfix] [^postfix]: You can put the callout markup either before or after its content. diff --git a/docs/ui-components/typography.md b/docs/ui-components/typography.md index de8a89e4..2aa40188 100644 --- a/docs/ui-components/typography.md +++ b/docs/ui-components/typography.md @@ -111,4 +111,4 @@ Text can be **bold**, _italic_, or ~~strikethrough~~. There are a number of specific typographic CSS classes that allow you to override default styling for font size, font weight, line height, and capitalization. -[View typography utilities]({{ site.baseurl }}{% link docs/utilities/typography.md %}){: .btn .btn-outline } +[View typography utilities]({% link docs/utilities/typography.md %}){: .btn .btn-outline } diff --git a/index.md b/index.md index 374bd25a..bbe91a31 100644 --- a/index.md +++ b/index.md @@ -18,7 +18,7 @@ Just the Docs gives your documentation a jumpstart with a responsive Jekyll them --- {: .warning } -> This website documents the features of the current `main` branch of the Just the Docs theme. See [the CHANGELOG]({{ site.baseurl }}{% link CHANGELOG.md %}) for a list of releases, new features, and bug fixes. +> This website documents the features of the current `main` branch of the Just the Docs theme. See [the CHANGELOG]({% link CHANGELOG.md %}) for a list of releases, new features, and bug fixes. Just the Docs is a theme for generating static websites with [Jekyll]. You can write source files for your web pages using [Markdown], the [Liquid] templating language, and HTML.[^1] Jekyll builds your site by converting all files that have [front matter] to HTML. Your [Jekyll configuration] file determines which theme to use, and sets general parameters for your site, such as the URL of its home page. @@ -95,5 +95,5 @@ Just the Docs is committed to fostering a welcoming community. [GitHub Pages]: https://pages.github.com/ [Template README]: https://github.com/just-the-docs/just-the-docs-template/blob/main/README.md [GitHub Pages / Actions workflow]: https://github.blog/changelog/2022-07-27-github-pages-custom-github-actions-workflows-beta/ -[customize]: {{ site.baseurl }}{% link docs/customization.md %} +[customize]: {% link docs/customization.md %} [use the template]: https://github.com/just-the-docs/just-the-docs-template/generate -- GitLab