use python format strings in template.html

build.py

@@ -81,9 +81,7 @@ def process_markdown_files():
         page_url = page_url[:-len('index.html')]
 
       html = markdown.markdown(text, extensions=md_extensions, output_format='html5')
-      output = template.replace('__TITLE_GOES_HERE__', title)
-      output = output.replace('__CONTENT_GOES_HERE__', html)
-      output = output.replace('__PAGE_URL_GOES_HERE__', page_url)
+      output = template.format(title=title, content=html, page_url=page_url)
 
       os.makedirs(out_dirpath, exist_ok=True)
       print_file(markdown_filename, out_fullpath)

template.html

@@ -5,9 +5,9 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="icon" type="image/png" href="/favicon.ico">
-<link rel="canonical" href="https://www.mcmillen.dev/__PAGE_URL_GOES_HERE__">
+<link rel="canonical" href="https://www.mcmillen.dev/{page_url}">
 
-<title>__TITLE_GOES_HERE__</title>
+<title>{title}</title>
 
 <link rel="preconnect" href="https://fonts.gstatic.com">
 <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700&display=block" rel="stylesheet">
@@ -28,7 +28,7 @@
     </div>
 
     <div class="content">
-    __CONTENT_GOES_HERE__
+    {content}
     </div>
   </div>