Menu not loading

[andyleejordan]

I just installed Ghostium following the documentation (clone, restart, good to go, eh?). Well something's not working, and I'm not sure what. Here's the site.

• The left-side image is stuck loading (loads fine in admin, also tried with different image and without image)
• Clicking the menu does nothing
• Clicking posts does work, but does not use pjax

I'm not sure what's going on, all I can think of is that I am running the latest Ghost (0.4.2).

I've tried without any changes as well (so just plain Ghostium theme) and am having the issues in Chromium and Safari on OS X. I've also restarted my server and ensured the folder is owned by the proper user (ghost, in my case).

Any ideas? I really like Ghostium, if I can get it working.

[andyleejordan]

Thanks to some Nginx error logs, I know it's getting hung up trying to load /assets/fonts/fontawesome-webfont.woff?v=4.0.3.

[andyleejordan]

Or I just misinterpreted those, it's not hung up on the fonts, it's just that the menu won't load.

[Berndinox]

HY, related to Issue #70
Cause I do caching with nginx, wich looks like this:

"sets the proxy cache path location, max size 2g"
proxy_cache_path /var/www/cache levels=1:2 keys_zone=STATIC:100m inactive=24h max_size=2g;

I deleted the hole Caching Folder (rm -R /var/www/cache/*) and restartet nginx.
After this steps it does work for me.

BR Bernd

[andyleejordan]

@Berndinox Thanks man; sadly it wasn't Nginx caching, as I haven't enabled it.

[andyleejordan]

I found the issue. I use /public/ as an Nginx redirect to a files directory (there's enough links to it that I can't move it now). One of the scripts tries to load something from there and times out (according to some debugging with Chromium I did). Removing the Nginx location fixes my site, but isn't a fix.

[ghost]

@andschwa Congrats. Bitcoin enthusiast? So am I!

[andyleejordan]

@nahtnam Bitcoin is nice! So, unfortunately I have to find another fix, as I can't disable the public directory (I have about 40 students using it to get their assignments and labs).

This is the error I see in the JavaScript console of Chromium:

Failed to load resource: the server responded with a status of 404 (Not Found)
https://schwartzmeyer.com/public/jquery.js?v=f4d7da7f82

Uncaught ReferenceError: jQuery is not defined
56c2364f.foot-scripts.min.js?v=f4d7da7f82:9

Obviously public/jquery.js doesn't exist and so is causing the hang. I can't find any reference to public/jquery.js in 56c2364f.foot-scripts.min.js.

I'm not a web developer, what on earth is 56c2364f.foot-scripts.min.js? It's clearly minified, that much I know, so it must be generated somehow.

[ghost]

@andschwa Check some of the .hbs files and find where it import jquery. Then update it to the correct format.

[andyleejordan]

@nahtnam I'm not seeing where they import jquery, just where in default.hbs in the footer it imports 56c2364f.foot-scripts.min.js, the file that I can't parse.

[ghost]

@andschwa How did you setup your server, and where?

[andyleejordan]

Using my Puppet module and these settings (that also covers Nginx), hosted on DigitalOcean. I purposefully use the /public/ location, but it's what's messing up the script. I can't tell why 56c2364f.foot-scripts.min.js is trying to load public/jquery.js?v=f4d7da7f82, so I can't fix it. I do I get the non-minified version of that? I looked through the *.hbs files and none of them import jquery, at least not directly.

[andyleejordan]

Okay, it appears to be Ghost itself that has a /built/public/jquery.js file, which is what it's loading. I don't know why it puts it there, but whatevs. Now to find a fix/workaround.

[andyleejordan]

@TryGhost on Twitter got back to me, they do reserve /public, so I need to find a different location to serve my files from.

[andyleejordan]

BTW it only broke using Ghostium and not other themes because we use jquery.

[ghost]

Awesome! Enjoy!

[Mindstormer619]

Wait, I'm still having these errors on a fresh install of Ghost 0.7 and Ghostium. What is the fix? @andschwa

[andyleejordan]

@Mindstormer619 Are you trying to use a reserved slug somewhere else? I was proxying /public elsewhere, which broke things. Check the reserved slugs.

[Mindstormer619]

@andschwa No dude, perfectly fresh install. Steps I followed were this:

• Download and unpack ghost
• npm install --production
• npm start --production
• Ghost works with Casper theme
• Clone Ghostium into /content/themes/ghostium
• Start ghost server
• Change settings from admin panel for theme

Right now I managed to make a workaround by getting jquery from a CDN and putting that include line within the Header Code Injection box.

[andyleejordan]

@Mindstormer619 I don't know for sure if this caused your issue, but Ghost just changed when they include jQuery: jQuery not included in {{ghost_foot}}. I would look into that, as it's possible that Ghostium needs to be updated to include jQuery in places where before it didn't.

[Mindstormer619]

@andschwa Yeah, that's probably it. Thanks. I guess Ghostium needs to update to include jquery now.