shadowfacts
/
shadowfacts.net
1
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

Add CSS cache buster

This commit is contained in:
Shadowfacts 2021-04-08 21:41:05 -04:00
parent bd8d958bae
commit 9c0e7e8c68
Signed by: shadowfacts
GPG Key ID: 94A5AB95422746E5
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
lib/layout.ts
View File

@ -3,12 +3,16 @@ import * as metadata from "./metadata";
import { Metadata } from "./metadata"; import { Metadata } from "./metadata";
import * as util from "./util"; import * as util from "./util";
// create the date once so that every page uses the same value
const stylesheetCacheBuster = new Date().getTime();
export default async function layout(text: string, pageMetadata: Metadata, layoutPath: string): Promise<string> { export default async function layout(text: string, pageMetadata: Metadata, layoutPath: string): Promise<string> {
const layoutFile = path.join("site/layouts", layoutPath); const layoutFile = path.join("site/layouts", layoutPath);
let layoutPage = await metadata.get(layoutFile); let layoutPage = await metadata.get(layoutFile);
text = util.render(layoutPage.text, { text = util.render(layoutPage.text, {
content: text, content: text,
metadata: pageMetadata metadata: pageMetadata,
stylesheetCacheBuster,
}, layoutFile); }, layoutFile);
if (layoutPage.metadata.layout) { if (layoutPage.metadata.layout) {
return await layout(text, pageMetadata, layoutPage.metadata.layout); return await layout(text, pageMetadata, layoutPage.metadata.layout);

4
site/layouts/default.html.ejs
View File

@ -32,11 +32,11 @@
<script> <script>
(() => { (() => {
const theme = localStorage.getItem("theme") || "auto"; const theme = localStorage.getItem("theme") || "auto";
document.write(`<link rel="stylesheet" href="/css/${theme}.css">`); document.write(`<link rel="stylesheet" href="/css/${theme}.css?<%= stylesheetCacheBuster %>">`);
})(); })();
</script> </script>
<noscript> <noscript>
<link rel="stylesheet" href="/css/auto.css"> <link rel="stylesheet" href="/css/auto.css?<%= stylesheetCacheBuster %>">
</noscript> </noscript>
</head> </head>
<body itemscope itemtype="https://schema.org/Blog"> <body itemscope itemtype="https://schema.org/Blog">