diff --git a/content/notes/config.md b/content/notes/config.md
index c9cbd0a4b..979546ec5 100644
--- a/content/notes/config.md
+++ b/content/notes/config.md
@@ -9,7 +9,7 @@ Quartz is designed to be extremely configurable. You can find the bulk of the co
 
 The majority of configuration can be be found under `data/config.yaml`. An annotated example configuration is shown below.
 
-```yaml
+```yaml {title="data/config.yaml"}
 name: Your name here! # Shows in the footer
 enableToc: true # Whether to show a Table of Contents
 enableLinkPreview: true # whether to render card previews for links
diff --git a/data/config.yaml b/data/config.yaml
index cae94ef45..31b18196d 100644
--- a/data/config.yaml
+++ b/data/config.yaml
@@ -17,3 +17,21 @@ links:
     link: https://twitter.com/_jzhao
   - link_name: Github
     link: https://github.com/jackyzha0
+
+#favicon:
+#  - { rel: "shortcut icon", href: "icon.png", type: "image/png" }
+#  - { rel: "manifest", href: "/favicon/site.webmanifest" }
+#  - { rel: "icon", href: "/favicon/favicon.ico", type: "image/x-icon" }
+#  - { rel: "icon", href: "/favicon/favicon-16x16.png", sizes: "16x16", type: "image/png" }
+#  - { rel: "icon", href: "/favicon/favicon-32x32.png", sizes: "32x32", type: "image/png" }
+#  - { rel: "icon", href: "/favicon/favicon-32x32.png", sizes: "32x32", type: "image/png" }
+
+
+#favicon: |
+#  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+#  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+#  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+#  <link rel="manifest" href="/site.webmanifest">
+#  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
+#  <meta name="msapplication-TileColor" content="#da532c">
+#  <meta name="theme-color" content="#ffffff">
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index d33a0c7b2..e6b8dc9b6 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -36,6 +36,7 @@
   {{$finalCss := $css | resources.Concat "styles.css" | resources.Fingerprint "md5" | resources.Minify  }}
   <link href="{{$finalCss.Permalink}}" rel="stylesheet" />
 
+   <!-- Base scripts -->
   {{ $darkMode := resources.Get "js/darkmode.js" | resources.Fingerprint "md5" | resources.Minify }}
   <script src="{{$darkMode.Permalink}}"></script>
   {{partial "katex.html" .}}
@@ -44,6 +45,12 @@
   resources.Minify }}
   <script src="{{$popover.Permalink}}"></script>
 
+  <!-- Optional scripts -->
+  {{ if $.Site.Data.config.enableCodeBlockTitle }}
+  {{ $codeTitle := resources.Get "js/code-title.js" | resources.Fingerprint "md5" | resources.Minify }}
+  <script src="{{$codeTitle.Permalink}}"></script>
+  {{end}}
+
   <!--  Preload page vars  -->
   {{$linkIndex := resources.Get "indices/linkIndex.json" | resources.Fingerprint
   "md5" | resources.Minify | }} {{$contentIndex := resources.Get
@@ -92,6 +99,10 @@
 
       {{end}}
 
+      {{if $.Site.Data.config.enableCodeBlockTitle -}}
+      addTitleToCodeBlocks();
+      {{- end -}}
+
       {{if $.Site.Data.config.enableLinkPreview}}
       initPopover(
         {{strings.TrimRight "/" .Site.BaseURL }},