diff --git a/content/notes/config.md b/content/notes/config.md
index 80d9e1c3f..d5a42232f 100644
--- a/content/notes/config.md
+++ b/content/notes/config.md
@@ -36,7 +36,7 @@ If you would like to customize the favicons of your quartz-based website, you
 can add them to the `data/config.yaml` file. The **default** without any set 
 `favicon` key is:
 
-```html {linenos=false}
+```html {title="data/config.yaml", linenos=false}
 <link rel="shortcut icon" href="icon.png" type="image/png">
 ```
 
@@ -44,7 +44,7 @@ The default can be overridden by defining a value to the `favicon` key in your
 `data/config.yaml` file. Here is a `List[Dictionary]` example format, which is
 equivalent to the default:
 
-```yaml {linenos=false}
+```yaml {title="data/config.yaml", linenos=false}
 favicon:
   - { rel: "shortcut icon", href: "icon.png", type: "image/png" }
 #  - { ... } # Repeat for each additional favicon you want to add
@@ -60,7 +60,7 @@ If you plan to add multiple favicons generated by a website (see list below), it
 may be easier to define it as HTML. Here is an example which appends the 
 **Apple touch icon** to quartz's default favicon:
 
-```yaml {linenos=false}
+```yaml {title="data/config.yaml", linenos=false}
 favicon: |
   <link rel="shortcut icon" href="icon.png" type="image/png">
   <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
@@ -88,7 +88,7 @@ attribute, are relative to the `static/` directory.
 ### Graph View
 To customize the Interactive Graph view, you can poke around `data/graphConfig.yaml`.
 
-```yaml
+```yaml {title="data/graphConfig.yaml"}
 enableLegend: false # automatically generate a legend
 enableDrag: true # allow dragging nodes in the graph
 enableZoom: true # allow zooming and panning the graph