Error serving css, js

j_diaz · January 6, 2016, 3:35am

Hi
I just installed Hugo via the 2 min intro video in simple DigitalOcean box behind HAProxy and cannot get the CSS and JS files to be served to my browser. However, the blog post html file does get served.
I feel like a I missed something fairly obvious.
Here is the network image of my console

For some reason my browser is attempting to find the files in “localhost”.
Can anyone help me out with this problem?
Thanks,

Jose

RickCogley · January 6, 2016, 3:47am

Show us your template. The error shows you have two slashes after the base url, so there’s that.

j_diaz · January 6, 2016, 3:58am

Template used is the same as in “quickstart video”. https://github.com/SenjinDarashiva/hugo-uno

welcome.md’s content:

+++
date = "2016-01-05T21:55:57-05:00"
title = “welcome”
+++
Welcome!

Scriptfuzz is proud to be up and runnig with hugo. This is the first post in what will be in what will be a technical articles.

RickCogley · January 6, 2016, 4:02am

See:

github.com

fredrikloch/hugo-uno/blob/master/layouts/partials/head.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <!-- Enable responsiveness on mobile devices-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
    <title> {{ .Title }} &middot; {{ .Site.Title }} </title>
    <!-- CSS -->
    <link rel="stylesheet" type="text/css" href="{{ .Site.BaseURL }}/css/uno.min.css" />
    <link rel="stylesheet" type="text/css" href="{{ .Site.BaseURL }}/css/lightGallery.css" />
    <!-- Icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144-precomposed.png">
    <link rel="shortcut icon" href="/favicon.ico">
    <!-- RSS -->
    <link href="{{ .RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" />
    <!-- Script -->
    <script src="{{ .Site.BaseURL }}/js/jquery.min.js"></script>
    <script src="{{ .Site.BaseURL }}/js/main.min.js">
    </script>
</head>

Try taking out the {{ .Site.BaseURL }}s.

j_diaz · January 6, 2016, 4:09am

Thanks! This worked.

RickCogley · January 6, 2016, 4:10am

great to hear!

Topic		Replies	Views
Hugo server fails to delivery static style.css file support	2	346	September 3, 2020
[SOLVED] Deployed website does not load css/javascript(?) support	5	10202	August 17, 2016
Hugo serve error support	1	895	May 7, 2019
CSS not loading support	3	494	July 2, 2020
Path based hugo website does not render css and js properly support assets	2	854	September 22, 2022

Error serving css, js

Related Topics