Blog basado en Jekyll Bootstrap-¿Caducan los encabezados?

http-caching github-pages

Question

Tengo un blog basado en bootstrap de Jekyll alojado en las páginas de Github.

Mi problema es: cada vez que cambio algo en mi página web, tengo que volver a cargar la página (CTRL + R) para ver los cambios.

Jekyll o mi navegador no parecen darse cuenta de que hay una versión más nueva disponible para enviar.

¿Cómo puedo configurar Jekyll para manejar mejor esto?

Answer 1

Hay un par de plugins jekyl para manejar el almacenamiento de caché de activos.

https://github.com/ixti/jekyll-assets/

http://matthodan.com/2012/11/22/jekyll-asset-pipeline.html

Probé jekyll-asset y es bastante bueno ya que gestiona todo tipo de activos con un número de versión md5.

Antes de usarlo para agregar una cadena a mis enlaces css en el momento de la compilación.

<link href="{{ ASSET_PATH }}/css/global.css?{{ site.time | date:''%Y%m%d%U%H%N%S'' }}" rel="stylesheet">

Answer 2

Puede agregar estas etiquetas meta a su html para deshabilitar el almacenamiento en caché del navegador para sus páginas.

<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="-1" />

Answer 3

Si desea omitir la memoria caché en recursos estáticos, puede cambiar el nombre del archivo cada vez que lo presione. Esto hará que el navegador obtenga el nuevo recurso, ya que no sabrá nada sobre un archivo con un nuevo nombre.

Por ejemplo:

Antiguo nombre de archivo: project.css Nuevo nombre de archivo: projectv01.css

O lo que quieras.