Head partial rendered under body tag

support
1

Hi all,
I have strange behavior during development with hugo 0.88 on macosx.
Partial head.html is rendered under the body tag.

This is code on baseof.html:

<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode | default "en-us" }}">
{{ partial "head" . }}

<body>{{/* */}}
{{ partial "navbar" . }}
{{ block "main" . }}{{ end }}
{{ partial "footer" . }}
{{ partial "script" . }}
</body>
</html>

This is my repository code:
https://github.com/antedoro/Arberia.git

I can’t understand this behavior

Vincenzo

2

What does this mean?

3

Sorry now I edited my first post to explain correctly the problem.
The code contained in head.html is inserted inside the body tag.
And I can’t explain this.

4

I cannot reproduce the problem.

5

The code generated by Hugo is this:

Schermata 2021-11-04 alle 23.34.45
Schermata 2021-11-04 alle 23.34.452102×1188 488 KB

As you can see the code of head.html partial is inseted inside body tag.

6

Which page are you viewing?

7

homepage but for other pages it’s the same

8
Home Page 
<!DOCTYPE html>
<html lang="en-us">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover">
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">

	
	<meta name="generator" content="Hugo 0.90.0-DEV with theme even" />

	
	

	&lt;!-- Preload --&gt;
	<link rel="preload" as="image" href="./img/theme.png" />

	<title>Real Python</title>
	<link rel="canonical" href="http://localhost:1313/" />
	<meta name="description" content="Learn Python online: Python tutorials for developers of all skill levels, Python books and courses, Python news, code examples, articles, and more." />
	<meta name="author" content="Vincenzo Antedoro" />
	<meta name="keywords" content="python, tutorials, figa">

	<!-- RSS controllare -->
	<link rel="alternate" type="application/rss+xml" href="./index.xml" title="Real Python">

	


	<!-- Favicon -->
	<link rel="icon" href="./favicon/favicon.ico">
	<link rel="icon" type="image/png" sizes="16x16"
		href="./favicon/favicon-16x16.png">
	<link rel="icon" type="image/png" sizes="32x32"
		href="./favicon/favicon-32x32.png">
	<link rel="apple-touch-icon"
		href="./favicon/apple-touch-icon.png">
	<link rel="mask-icon"
		href="./favicon/safari-pinned-tab.svg">
	<link rel="manifest" href="./site.webmanifest">
	<meta name="theme-color" content="#2e2e33">
	<meta name="msapplication-TileColor" content="#2e2e33">

	<!-- CSS -->
	<link rel="stylesheet" type="text/css" href="http://localhost:1313/css/realpython.css">
	<link rel="stylesheet" type="text/css" href="http://localhost:1313/fontawesome/css/all.css"> 
	
	
	<link rel="stylesheet" type="text/css" href="http://localhost:1313/gfonts/font.08e909e5f3d4.css">
	<link rel="stylesheet" type="text/css" href="http://localhost:1313/lib/lightbox/css/glightbox.css">


	<!-- Custom CSS -->
	


	
	


	
	
	

	<script type="text/plain" src="./lib/main/main.js"></script>
	
	<script type="text/javascript" src="./lib/analytics/analytics.js" async=""></script>
	

	<!-- CustomJS -->
	



	<!-- OpenGraph + Twitter + Analytics + Disqus --></head>

<body>
	
<nav class="navbar fixed-top navbar-expand-lg navbar-dark flex-column ">
	<div class="container flex-row">

...
...
9

Stange. On my dev machine I have the same problem shows in posted screenshot with Firefox or Chrome.

10

Maybe you’re having a caching problem.

These are Chrome dev tools settings:

image

11

The problem is this line of code:

<link rel="preload" as="image" href="{{ "img/theme.png" | relURL }}" />

in head.html file

I don’t know why.