Merge remote-tracking branch 'origin/main' into main

feat(params.toml): add 'bundled' parameter to control whether to use bundled js and css or build from scratch

exampleSite/config/_default/params.toml

@@ -1,2 +1,5 @@
 # website title
 title = "Bridget"
+# use bundled js and css
+# if you want to build the js and css from scratch, set this to false and run `npm install` and `npm run build`
+bundled = false

layouts/partials/head/link.html

@@ -8,13 +8,24 @@
 {{- partial "plugin/style.html" $style -}}
 
 {{/* main style */}}
-{{- $style := dict "Source" "scss/style.scss" "Fingerprint" $fingerprint -}}
+{{- if site.Params.bundled -}}
-{{- $options := dict "targetPath" "css/style.css" "enableSourceMap" true "includePaths" (slice "node_modules") -}}
+  <link
-{{- $style = dict "Context" . "ToCSS" $options "Minify" hugo.IsProduction "Defer" true | merge $style -}}
+    rel="stylesheet"
-{{- partial "plugin/style.html" $style -}}
+    as="style"
+    onload="this.onload=null;this.rel='stylesheet'"
+    href="/bundled/css/style.min.css"
+  />
+  <noscript><link rel="stylesheet" href="/bundled/css/style.min.css" /></noscript>
+{{- else -}}
+  {{- $style := dict "Source" "scss/style.scss" "Fingerprint" $fingerprint -}}
+  {{- $style := dict "Source" "scss/style.scss" "Fingerprint" $fingerprint -}}
+  {{- $options := dict "targetPath" "css/style.css" "enableSourceMap" true "includePaths" (slice "node_modules") -}}
+  {{- $style = dict "Context" . "ToCSS" $options "Minify" hugo.IsProduction "Defer" true | merge $style -}}
+  {{- partial "plugin/style.html" $style -}}
+{{- end -}}
 
 {{/* main js */}}
-<script type="module" src="js/main.js" defer></script>
+<script type="module" src="bundled/js/main.js" defer></script>
 
 {{/* fonts */}}
 <link