Can handle eleventy German umlauts? #1998

dancesWithCycles · 2021-10-05T18:04:19Z

dancesWithCycles
Oct 5, 2021

Hi folks, Thank you so much for providing and maintaining this repository. Please accept my appreciation!

I am new to eleventy and just observed that it is not handling German umlauts in template files like index.liquid as I expected. Here is the snippet.

----
title: Software Ingenieur Begerad
layout: main
---

<h2>Software Ingenieur Begerad</h2>

<p>Willkommen auf der Webseite des Unternehmens <b>{{ site.organization.name }}</b>. Es bietet Ihnen Ingenieursdienstleistungen (Beratung, Entwurf, Planung, Konstruktion, Ausführung, Betrieb, Vertrieb und Überwachung) für <b>Softwarefreiheit</b> an.</p>
...

And so on... BTW, the German umlauts are encoded in the correct manner here in the GitHub discussion. But it looks bad on my website.

Am I doing something wrong? Is it better to put content like this always in dedicated page files with the appropriate markup language? If the answer is yes, do you know an example that shows how to do it for the index/front page?

I appreciate and hint the steers me in the right direction.

Cheers!

Answered by dancesWithCycles

Oct 5, 2021

---
title: Default title
---
<html>
<head>
<meta charset="utf-8">
<title>{{ title }}</title>
{% comment %} add link tag to the layout {% endcomment %}
<link rel="stylesheet" href="/style/app.css">
</head>
<body>
    <div class="header">
    <a href="/">Start</a> &bull; <a href="/contact">Kontakt</a>
    </div>
    <div class="content">
    {{ content }}
    </div>

    <footer>
	<p>
	{{ site.author.name }} auf <a target="_blank" href="https://github.com/{{site.author.github}}">GitHub</a> folgen.
	</p>
</footer>
</body>
</html>

Do you see the difference?

It really was just the charset tag missing.

<meta charset="utf-8">

Thank you so much @cfjedimaster for walking me there.

Cheers!

View full answer

cfjedimaster · 2021-10-05T18:29:00Z

cfjedimaster
Oct 5, 2021

I'm not able to recreate this. Do you have your code up on a repo where I can grab it and run it myself?

0 replies

dancesWithCycles · 2021-10-05T18:30:44Z

dancesWithCycles
Oct 5, 2021
Author

Hi folks, Please let me add another observation. When I run this website locally with npx @11ty/eleventy --serve everything is fine. The problem appears when I copy all files onto my webserver. Is copying wrong? Is there a deployment procedure for static sites generated with eleventy?

1 reply

cfjedimaster Oct 5, 2021

I'd look at your deployment. If the files are getting munged when you copy them, how are you doing the copy? To your general question of "is there a deployment procedure", there isn't one specific to Eleventy or the Jamstack as a whole. There are multiple deployment options out there that cater to the Jamstack though. So for example, I use Netlify for my hosting, and they can connect to my GitHub repository so that when I commit a change, they get notified, get my files, run Eleventy and then deploy the files.

dancesWithCycles · 2021-10-05T18:32:07Z

dancesWithCycles
Oct 5, 2021
Author

Here is the code. Please give me some seconds to push the latest version.

[email protected]:Software-Ingenieur-Begerad/website.git

0 replies

dancesWithCycles · 2021-10-05T18:34:35Z

dancesWithCycles
Oct 5, 2021
Author

Ok, latest version is available in the main branch.

[email protected]:Software-Ingenieur-Begerad/website.git

0 replies

cfjedimaster · 2021-10-05T18:36:00Z

cfjedimaster
Oct 5, 2021

For other folks, that URL is: https://github.com/Software-Ingenieur-Begerad/website

Yeah, it seems fine to me. How are you deploying?

1 reply

dancesWithCycles Oct 5, 2021
Author

I am copying the content of the _site directory into the DocumentRoot directory of the web server.

dancesWithCycles · 2021-10-05T18:50:53Z

dancesWithCycles
Oct 5, 2021
Author

I found the following in the dev tool of my browser.

The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must be declared in the document or in the transfer protocol. www.swingb.de

0 replies

dancesWithCycles · 2021-10-05T18:53:33Z

dancesWithCycles
Oct 5, 2021
Author

My interpretation of the dev tool browser message is that I should add character encoding in the main layout.

---
title: Default title
---
<html>
<head>
<title>{{ title }}</title>
{% comment %} add link tag to the layout {% endcomment %}
<link rel="stylesheet" href="/style/app.css">
</head>
<body>
    <div class="header">
    <a href="/">Home</a> ~ <a href="/archives">Archives</a>
    </div>
    <div class="content">
    {{ content }}
    </div>

    <footer>
	<p>
	Created by {{ site.author.name }}, follow them on <a href="https://twitter.com/{{site.author.twitter}}">Twitter</a>.
	</p>
</footer>
</body>
</html>

This is the current version without character encoding.

0 replies

cfjedimaster · 2021-10-05T19:00:06Z

cfjedimaster
Oct 5, 2021

So perhaps:

<html lang="en">

and also a

<meta charset="utf-8">

Kinda guessing here. :) It's weird that a simple file copy is breaking it for you.

0 replies

dancesWithCycles · 2021-10-05T19:03:43Z

dancesWithCycles
Oct 5, 2021
Author

---
title: Default title
---
<html>
<head>
<meta charset="utf-8">
<title>{{ title }}</title>
{% comment %} add link tag to the layout {% endcomment %}
<link rel="stylesheet" href="/style/app.css">
</head>
<body>
    <div class="header">
    <a href="/">Start</a> &bull; <a href="/contact">Kontakt</a>
    </div>
    <div class="content">
    {{ content }}
    </div>

    <footer>
	<p>
	{{ site.author.name }} auf <a target="_blank" href="https://github.com/{{site.author.github}}">GitHub</a> folgen.
	</p>
</footer>
</body>
</html>

Do you see the difference?

It really was just the charset tag missing.

<meta charset="utf-8">

Thank you so much @cfjedimaster for walking me there.

Cheers!

1 reply

cfjedimaster Oct 5, 2021

Glad to help - it's in my default HTML template and I honestly don't even think about it.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Can handle eleventy German umlauts? #1998

{{title}}

Replies: 9 comments 3 replies

{{title}}

{{title}}

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

Select a reply

Can handle eleventy German umlauts? #1998

dancesWithCycles Oct 5, 2021

Replies: 9 comments · 3 replies

cfjedimaster Oct 5, 2021

dancesWithCycles Oct 5, 2021 Author

cfjedimaster Oct 5, 2021

dancesWithCycles Oct 5, 2021 Author

dancesWithCycles Oct 5, 2021 Author

cfjedimaster Oct 5, 2021

dancesWithCycles Oct 5, 2021 Author

dancesWithCycles Oct 5, 2021 Author

dancesWithCycles Oct 5, 2021 Author

cfjedimaster Oct 5, 2021

dancesWithCycles Oct 5, 2021 Author

cfjedimaster Oct 5, 2021

dancesWithCycles
Oct 5, 2021

Replies: 9 comments 3 replies

cfjedimaster
Oct 5, 2021

dancesWithCycles
Oct 5, 2021
Author

dancesWithCycles
Oct 5, 2021
Author

dancesWithCycles
Oct 5, 2021
Author

cfjedimaster
Oct 5, 2021

dancesWithCycles Oct 5, 2021
Author

dancesWithCycles
Oct 5, 2021
Author

dancesWithCycles
Oct 5, 2021
Author

cfjedimaster
Oct 5, 2021

dancesWithCycles
Oct 5, 2021
Author