I am having an issue where I can "rake preview" and view the site in a browser on localhost:4000 and everything seems to be displayed properly (fonts, styles, posts, text, asides, etc). However, when I "rake deploy" (which I have set to sync to Amazon S3), the site displays in such a way that it almost appears as if the CSS is missing, mis-configured, etc.
I have verified that the path referenced for the "/stylesheets/screen.css" exists in S3 and that the browser can open it. I have even done a diff on both screen.css and the main index.html from both the "preview" and the "deploy" and don't see any differences.
I have tried the following as possible resolutions:
revert to a backup from prior to my most recent changes
purge everything in the S3 bucket and re-deploy
completely start over with a fresh installation of Octopress
of course clear browser cache, try from behind different firewalls, test in different browsers and operating systems, etc.
read through every question here tagged as 'octopress'
What may have triggered all of this was uncommenting the following line in sass/custom/_colors.scss:
$header-bg: #263347;
Before that the only other change was a "rake new_post" about a week ago. Un-doing either of those changes doesn't seem to help.
I'm at a complete and total loss as to what to try next. I'm sure this is something that will result in a face palm.
Here are links to some screenshots (I can't post inline because of insufficient reputation):
http://cdn.ihashacks.com/img/2013/06/preview.png
http://cdn.ihashacks.com/img/2013/06/deployed.png
Any help would be greatly appreciated. Thanks in advance!
Is your blog hosted at domain.com/blog? If so, ensure that the site variables url and root in _config.yml are set properly.
If that doesn't solve it, can you provide a dump of the browser console? This will help to debug.
Related
i got a fork about https://github.com/daattali/beautiful-jekyll
and i checked url is working...
but when i modify _config and md files
but that is no updated.
actually i'm not good at ruby. but i don't understand why no update.
is there anyone to help me ?
enter image description here
layout: page
title: changing
subtitle: Why you'd want to go on a date with me
Do you have experience with Jekyll?
The first thing I would check is that your server is running and without any changes you can view the website by visiting https://localhost:4000
Is the server is running, when you save a file you should see it say that it is rebuilding.
From your screenshot it looks like you're maybe editing the files directly in Github. Github is a bit of a blackbox when it comes to running Jekyll, I would advise getting it running locally first.
I am currently having an issue with Github Pages
I guess it doesn't hurt to use the actual live example
The corresponding repo is https://github.com/ScottA38/ScottA38.github.io
I made some styling changes (maybe some JS changes I don't remember) ages ago when I was actively working on the content, and somehow ever since the 'projects' page has been 404 when I try and click through to it from the menu.
I am using Jekyll theme Jam which is some obscure obsolete theme, but I don't see it being a problem really
The strangest part is that if I load the site locally with bundle exec jekyll serve then this page appears perfectly at localhost:4000/projects, just not on the live site
If I put https://scotta38.github.io/projects.html (live site) it also appears perfectly, just not at https://scotta38.github.io/projects like I want
I have seen some suggestions about GH servers caching an old version or something like this but I don't really understand and I need some guidance
"About" page works and you have a permalink there, but nothing for projects.
Probably adding
permalink: /projects/
will fix the issue.
Codekit 2 does seem to be refreshing in any browsers. I've literally just installed it and been setting it up to my own preferences.
I use my Mac's hosts file to point http://localhost.sites to localhost. I've never had an issue with this in the past (I just set Codekit to refresh on any URL including the word localhost).
Now in the new settings file I'm slightly lost as to where to put it... after a load of mucking about I think I'm in a real state and here are my current settings:
Can anyone shed any light on this? Codekit is not refreshing the browser (all files are compiling fine).
I was having the same issue, #Djave.
Now, while I won't assume you make the same mistakes I do, I found that some errors in my
were causing Chrome to ignore the refresh. Specifically, the closing tag was missing. Instead, I had
<script... />
instead of
</script>
Hope you found the issue on your end.
As Bryan from Incident 57 told me, the refreshing process in Codekit 2 is totally different to the refreshing process in Codekit 1.
Codekit comes with its own server which you are required to run. You can click it in the top right hand corner of the program and it will launch.
You need to have this running to get going. If you have PHP files (or other server side code) Codekit won't run it – so this is where you need your external server running but it is important that you still view the site you're testing at the address given i.e. http://djave.local:5757.
For a far better explanation of all of this you can watch Bryan the creator of Codekit walk you through this in this video here.
https://www.youtube.com/watch?v=YUgH0jlYur0
I have recently installed wordpress on my Windows 7 machine for use with IIS7.5 and SQL Server 2008. The install went in with no issues and everything fired up correctly but I have some really major issues.
1.) In my dashboard when clicking on Posts>All Posts, my list of posts is empty and yet the links at the top (All, Published, Drafts) all show as having counts against them. I can browse to these post by entering the URL in directly to the browser but can't see them through the dashboard. The posts don't show up through the search either. This is also the same behavior for media libs too. It says the files are there but can be seen in the list.
2.) When trying to upload images I have two issues. The first is that when I try to upload an image with default settings from install I was getting a message like "Missing a temporary folder". I know there are a load of posts on this but none of the fixes have worked. I used the PHP Info file to get the default directory which was "C:\windows\temp". So I tried to override it in the PHPconfig using the upload_tmp_dir directory but it didn't change. So I changed the permission on the folder to allow "IUSR" and IIS users read and wright access but now I get the message "An error occurred in the upload". The weird thing is when I look in the wp-content/uploads folder, some of my images are there but can't be seen through the dashboard.
Can anyone help. I have search for hours trying to find resolutions but nothing works.
Thanks
I have resolved both of the issues above. I cannot write the resolutions here as they are quite long winded but for anyone who comes across the same issues please review my blog post here: http://blog.building-blocks.com/installing-wordpress-on-windows-using-sql-server-2008-r2-part-1
Regards
RESOLVED
Unbeknownst to me, Cloudflare defaults to caching all css/js files for 4 hours.
Scenario:
I add this to our front page:
<span class="test">hullo!</span>
and this to our css file:
.test { font-size:2.0em; }
I do a web deploy, OR full publish to Azure and the span appears on the front page, but not the styling. The css file for some reason does not get updated. FF, IE, Chrome and Safari all confirm it. However, after a seemingly arbitrary time, the css file get updated.
Even when I remote into the Azure VM and restart the app, the styling is unchanged. The app is running on one instance, one role. No Azure Caching is setup. Adding a querystring param to the css file link does not help. Seems like a caching issue but no clue how to resolve.
Any ideas?
"We are using Cloudflare which has a default set up to cache all CSS and JS files. It purges the cache every 4 hours which resulted in the arbitrary updates. So, even though I was adding a new query string to the end of the css file, Cloudflare still cached the old one"
Just a quick note that you should go to CloudFlare Development Mode when making changes to the static content files on your site. You can get to Development Mode to bypass the cache by going to: settings->Development Mode. You also have the option of purging your cache as an additional option, which we would only recommend if you really want to purge everything.
Looks like it's cached by your browser. Can you please try navigate to your site and press Ctrl+F5.
Maybe you can use Fiddler to see if the CSS had been cached, or not updated, or some error when download.
This issue is resolved.
We are using Cloudflare which has a default set up to cache all CSS and JS files. It purges the cache every 4 hours which resulted in the arbitrary updates. So, even though I was adding a new query string to the end of the css file, Cloudflare still cached the old one.
I have dealt with this and I will tell you that from my experience in Chrome you can set a setting that disables the cache in the developer tools, however, I've noticed that unless you have the dev tools window open when you hit Ctrl+F5 it doesn't reload the cache. In IE there is a global setting in the dev tools that will make it redownload everything every time. In Firefox there is also a setting in the dev tools that will require it to download and not use the cache.
One way that you can test this, and how I test this, is by running Fiddler and watching if it does a full download of all your files or if it's caching.
From what I've experienced is that this is truly a browser caching issue and not anything to do with Azure.