Comments (4)
Hey, I guess there could be a couple of scenarios why this is happening.
- No Frontmatter in the file
- If you're using gulp to run the site locally, I think it doesn't refresh on editing .md files
- ServiceWorker
Frontmatter
Did you add YAML / Frontmatter in your .md or .html file? You should add it on top of the pages:
---
layout: page
title: About
permalink: /about/
---
# Markdown or HTML stuff goes here
Running local server with gulp
If you're using gulp to run the site locally, I'm not 100% sure if it refreshes on saving .md files (I don't remember π ). So if that's the case you might have to stop the gulp process and re-run it again (ctrl + C in terminal and run gulp
again)
ServiceWorker
Finally it could also be to service worker. It's because the SW open cache first and even if there're changes on the page, you might not see it. Don't want to get to detailed here, but basically it will allow users to access the site faster and even open it without internet connection if they visited the site before. BTW this still doesn't work once the site is published. What you can do is open the developer tools in your browser and check Update on Reload & Bypass for network option:
Try to reload the page with the developer tools open and see if it reloads. If this is the case you can just remove the service worker by removing the last <script>
tag in _includes/footer.html
. It has sw.js in it, so should be easy to find.
Let me know if any of that helps!
from sleek.
That's because gulp-img cannot resize from smaller dimensions to bigger ones. So you cannot resize an image from 1280px => 1920px (it would result in stretching the image and reducing it's quality). If you want to use images smaller than 1920px you can change the options of the gulp-img task in gulpfile.js
:
// somes stuff
}, {
width: 1999, // dimensions of the blog post hero images
rename: { suffix: '_lg' }
}, {
// max-width hero
width: 1920,
}],
// some stuff
So if you want to use 1280px images, just change the 1999 to 1280 and same for 1920px.
from sleek.
Thank you very much for you answer janczizikow! It updated when I went to another place with a faster wifi. Maybe, it was because of the low speed internet.
Now I'm having trouble with the images of cards. "gulp img" command returns:
Error: File `turnstile.jpg`: Image enlargement is detected
real width: 1280px, required width: 1920px
Thank you!
from sleek.
Thank you, janczizikow! :)
from sleek.
Related Issues (20)
- The hero img looks strange on high resolution display HOT 4
- throw error: Unhandled 'error' event while using gulp img
- Is it necessary to install Ruby environment?
- Migrate to Gulp 4 HOT 4
- Accessibility errors found in your template
- Using the gem, how can I run `gulp img`? HOT 1
- Help getting script to run HOT 1
- Sleek not supported HOT 1
- How can I display an image generated with gulp depending on the client's device? HOT 4
- Multilingual support HOT 1
- The Captcha refuses to work.
- How do I change the code snippet theme
- can you help me? HOT 1
- Jekyll 4.0.0 compatibles issue
- I should click twice 'header__toggle' If I changed browser size. HOT 1
- Images do not show up properly when using custom domain
- gulp img doesnβt work on macOS Catalina 10.15.3
- .
- SVG help
- node-gyp rebuild Err because [email protected] are suspend . Can you help maintain and update the latest dependencies of the project ?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from sleek.