Link/Url in multilang site

support
1

Hi,
I have tried to set a link/url multilang on my homepage. At the moment I get localhost:1313/en/fotos, but it should be localhost:1313/en/photos.

In the documentation it says: multilingual about https://example.org/de/about/

hugo_image
hugo_image2164×994 322 KB

Here is my link:

<div class="col-xl-4 col-lg-6 col-md-6 col-sm-12">
   <a class="sydney-palm-padding" href="fotos">
      <img class="img-fluid" src="/images/photos/sydney-palm.png">
   </a>
</div>

Here is my repo: github

2

You’ve hardcoded the link.

I think you want to do something like this instead:

{{ $logicalPath := "/fotos" }}
{{ with site.GetPage $logicalPath }}
  <a class="sydney-palm-padding" href="{{ .RelPermalink }}">
    <img class="img-fluid" src="/images/photos/sydney-palm.png">
  </a>
{{ else }}
  {{ errorf "Unable to get page %s" $logicalPath }}
{{ end }}
3

It is working for that one link, but do I have to do the same with the other links/urls?
By the way I have updated my git repo, it is better to see now.

In my navigation it is working, if I put that code in the markdown-file. Look on the url:

fotos.md
+++
title = 'Photos'
type = 'portfolio'
category = ['photos']
url = 'photos'
draft = false
+++

This is my new code, white the changes you suggested:

<!-- logos, photos and sketches-->
 <section id="start">
    <div class="container-fluid">

      <section class="row">
        <h1 class="home-title col-12">Some of my <b><i>works</i></b></h1>
      </section>

      <section class="row spotlight g-0">
        <div class="col-xl-2"></div>
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-background">
          <h2 class="home-examples ">Logos</h2>
          <p class="home-paragraph"><i>I am a dummy.. wohooooooooo</i></p>
        </div>
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12">
          <a class="home-logo" href="logos">
            <img class="img-fluid" src="/images/logos/inexorablez-01.png" alt="inexorablez-logo-01">
          </a>
        </div>
        <div class="col-xl-2"></div>
      </section>
    
      <section class="row spotlight flex-row-reverse g-0">
        <div class="col-xl-2"></div>
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-background">
          <h2 class="home-examples">Photos</h2>
          <p class="home-paragraph"><i>I am not a dummy nooooooooooo</i></p>
        </div>
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12">
          {{ $logicalPath := "/fotos" }}
          {{ with site.GetPage $logicalPath }}
          <a class="sydney-palm-padding" href="{{ .RelPermalink }}">
            <img class="img-fluid" src="/images/photos/sydney-palm.png">
          </a>
          {{ else }}
          {{ errorf "Unable to get page %s" $logicalPath }}
          {{ end }}
          </a>
        </div>
        <div class="col-xl-2"></div>
      </section>

      <section class="row spotlight g-0">
        <div class="col-xl-2"></div>
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-background">
          <h2 class="home-examples">Sketches</h2>
          <p class="home-paragraph"><i>I am a not sure dummy......</i></p>
        </div>
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12">
          <a class="home-sketches " href="sketches">
            <img class="img-fluid" src="/images/sketches/kz.png">
          </a>
        </div>
        <div class="col-xl-2"></div>
      </section>

    </div>
  </section>

Thanks for the moment :stuck_out_tongue:

4

Yes, you do.