Name and icon code blocks by real filename across the site

content/en/3.serveex/4.monitoring/5.upsnap.md

@@ -31,7 +31,7 @@ root
 
 Open Dockge, click on `compose`, name the stack `upsnap`, then copy and paste the following:
 
-```yaml
+```yaml [compose.yaml]
 ---
 services:
   upsnap:
@@ -60,7 +60,7 @@ services:
 ::tip{icon=""}
 ✨ __Tip:__ Add the watchtower label to each container to automate updates
 
-    ```yaml
+    ```yaml [compose.yaml]
     services:
       upsnap:
         #...
@@ -72,7 +72,7 @@ services:
 
 Fill in the `.env`, for example:
 
-```properties
+```properties [.env]
 RANGE=192.168.1.0/24 # scans all devices on the local network with an IP between 192.168.0.1 and 192.168.1.255
 DNS=192.168.1.1 # DNS IP to resolve domain names, typically your router’s IP
 ```
@@ -101,7 +101,7 @@ We assume you've created a subdomain in your [DNS zone](/general/networking/dns)
 
 Go to Dockge, and edit the SWAG compose by adding the UpSnap network:
 
-```yaml
+```yaml [compose.yaml]
 services:
   swag:
      container_name: # ...
@@ -136,7 +136,7 @@ sudo nano /docker/swag/config/nginx/proxy-confs/upsnap.subdomain.conf
 ```
 And paste the following configuration:
 
-```nginx
+```nginx [upsnap.subdomain.conf]
 ## Version 2023/12/19
 
 server {