defaultContentLanguageInSubdir=true only works on the homepage

[zalexzperez]

I'd like to make my site multilingual-ready, but for now it will only support one language. The idea is to force the default language (English) to use the /en/ path segment.

I started out with the default example using this command:

npm create thulite@latest my-project -- --template doks

Then followed this guide: https://getdoks.org/docs/guides/i18n/

And this is my content tree (moved everything in /content to /content/en):

With defaultContentLanguageInSubdir = true and the following module.toml:

[[mounts]]
  source = "content/en"
  target = "content"
  lang = "en"

this is what the homepage looks like:

The hero section is different than what one would expect. What is wrong? Edit: seems to be because _index.md needs to be moved from /content/ to /content/en/

Notice how the Docs link in the navbar points to a URL without the /en/. This can be solved by editing menus.en.toml like this:

[[main]]
  name = "Docs"
  url = "/en/docs/guides/example-guide/"
  weight = 10

Not sure if this is the optimal approach, though.

Anyway, if I don't make that change in module.toml, I get the expected result.

Thanks a lot

[h-enk]

The hero section is different than what one would expect. What is wrong? Edit: seems to be because _index.md needs to be moved from /content/ to /content/en/

Correct!

Not sure if this is the optimal approach, though.

You're right, that's not how it's supposed to work. Doks needs to be updated, replacing {{ .URL | absURL }} with {{ .URL | absLangURL }} (this does not work in a production build) {{ .URL | relLangURL }} (this does work in both development and a production build)

For now, use (temporary) overwrites:

• Copy node_modules/@thulite/doks-core/layouts/_partials/header/header.html to /layouts/_partials/header/header.html and do a find and eplace .
• Copy node_modules/@thulite/doks-core/layouts/_partials/footer/footer.html to /layouts/_partials/footer/footer.html and do a find and eplace .
• Replace line 9 in layouts/home.html with:

        <a class="btn btn-primary btn-cta rounded-pill btn-lg my-3" href="{{ (print "/docs/" (cond site.Params.doks.docsVersioning (print site.Params.doks.docsVersion "/") "") "guides/example-guide/") | relLangURL }}" role="button">{{ i18n "get_started" }}</a>

Example repo: doks-1375