Build the static site with the GitHub pages relative URL in mind

.gitignore

@@ -0,0 +1 @@
+wp-content/uploads/simply-static

blueprint-serve.json

@@ -30,6 +30,13 @@
 				"slug": "create-block-theme"
 			}
 		},
+		{
+			"step": "installPlugin",
+			"pluginZipFile": {
+				"resource": "wordpress.org/plugins",
+				"slug": "gutenberg"
+			}
+		},
 		{
 			"step": "activatePlugin",
 			"pluginPath": "wp-docs-plugin/plugin.php"

blueprint-static-site.json

@@ -7,6 +7,13 @@
 	},
 	"login": true,
 	"steps": [
+		{
+			"step": "defineWpConfigConsts",
+			"consts": {
+				"SIMPLY_STATIC_DESTINATION_URL_TYPE": "relative",
+				"SIMPLY_STATIC_RELATIVE_PATH": "/playground-docs-workflow"
+			}
+		},
 		{
 			"step": "installTheme",
 			"themeZipFile": {

build-static-site.sh

@@ -1,5 +1,6 @@
 #!/bin/bash
 
+rm -rf output
 mkdir -p output
 bunx @wp-playground/cli@latest \
     run-blueprint \
@@ -9,9 +10,7 @@ bunx @wp-playground/cli@latest \
     --mount=./wp-content/uploads:/wordpress/wp-content/uploads \
     --mount=./wp-content/themes/playground-docs:/wordpress/wp-content/themes/playground-docs \
     --mount=./output:/output \
-    --blueprint=./blueprint-static-site.json \
-    --wp=6.5 \
-    --php=8.0 
+    --blueprint=./blueprint-static-site.json
 
 cd output
 unzip export.zip

wp-content/html-pages/0_wordpress-playground/1_start-using-wordpress-playground-in-5-minutes.html

@@ -97,7 +97,7 @@ <h2 class="wp-block-heading">Save your site</h2>
 <!-- /wp:paragraph -->
 
 <!-- wp:image {"id":23,"sizeSlug":"full","linkDestination":"none"} -->
-<figure class="wp-block-image size-full"><img src="https://playground.internal/wp-content/uploads/2024/04/23_export-button.png" alt="" class="wp-image-23"/></figure>
+<figure class="wp-block-image size-full"><img src="https://playground.internal/wp-content/uploads/2024/04/23_export-button.png" alt="" class="wp-image-23" /></figure>
 <!-- /wp:image -->
 
 <!-- wp:paragraph -->
@@ -117,7 +117,7 @@ <h2 class="wp-block-heading">Restore a saved site</h2>
 <!-- /wp:paragraph -->
 
 <!-- wp:image {"id":22,"sizeSlug":"full","linkDestination":"none"} -->
-<figure class="wp-block-image size-full"><img src="https://playground.internal/wp-content/uploads/2024/04/22_import-button.png" alt="" class="wp-image-22"/></figure>
+<figure class="wp-block-image size-full"><img src="https://playground.internal/wp-content/uploads/2024/04/22_import-button.png" alt="" class="wp-image-22" /></figure>
 <!-- /wp:image -->
 
 <!-- wp:heading -->
@@ -129,7 +129,7 @@ <h2 class="wp-block-heading">Use a specific WordPress or PHP version</h2>
 <!-- /wp:paragraph -->
 
 <!-- wp:image {"id":21,"sizeSlug":"full","linkDestination":"none"} -->
-<figure class="wp-block-image size-full"><img src="https://playground.internal/wp-content/uploads/2024/04/21_wp-version-switcher.png" alt="" class="wp-image-21"/></figure>
+<figure class="wp-block-image size-full"><img src="https://playground.internal/wp-content/uploads/2024/04/21_wp-version-switcher.png" alt="" class="wp-image-21" /></figure>
 <!-- /wp:image -->
 
 <!-- wp:quote -->