update preview sitegh-pages

author: Nan Xiao <me@nanx.me> 2020-11-23 01:45:44 +0300
committer: Nan Xiao <me@nanx.me> 2020-11-23 01:45:44 +0300
commit: 9ff277775bb02e017ad176c24a988044d1ecc883 (patch)
tree: 45e8d494c145657ec2787c4293e8130d6d7b7791
parent: a9c4c375a136b5501aa77ef03030af0e7f17bc45 (diff)
17 files changed, 2006 insertions, 219 deletions
diff --git a/404.html b/404.html
index 6dee6fc..89d1f03 100644
--- a/404.html
+++ b/404.html
@@ -1,55 +1,84 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
+
 <head>
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="chrome=1">
-  <meta name="HandheldFriendly" content="True">
-  <meta name="MobileOptimized" content="320">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta name="referrer" content="no-referrer">
-  
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title> 404 Page not found - Hugo Tanka Theme </title>
+    <meta name="HandheldFriendly" content="True">
+    <meta name="MobileOptimized" content="320">
+    <meta name="referrer" content="no-referrer">
+    <meta name="description" content="" />
+    <meta property="og:site_name" content="Hugo Tanka Theme" />
+    <meta property="og:locale" content="en_US" />
+    <meta property="og:type" content="article" />
+    <meta property="og:url" content="https://nanx.me/hugo-tanka/404.html" />
+    <meta property="og:title" content="404 Page not found" />
+    <meta property="og:image" content="https://nanx.me/hugo-tanka/" />
+    <meta property="og:description" content="" />
+
+    <meta name="twitter:card" content="summary_large_image" />
+    
+    <meta name="twitter:title" content="404 Page not found" />
+    <meta name="twitter:description" content="" />
+    <meta name="twitter:image" content="https://nanx.me/hugo-tanka/" />
+
+    <link rel="canonical" href="https://nanx.me/hugo-tanka/404.html">
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha512-MoRNloxbStBcD8z3M/2BmnT+rg4IsMxPkXaGh2zD6LGNNFE80W3onsAhRcMAMrSoyWL9xD7Ert0men7vR8LUZg==" crossorigin="anonymous" />
 
-  <link rel="icon" type="image/png" href="https://nanx.me/hugo-tanka/favicon.png">
+    <link rel="stylesheet" href="https://nanx.me/hugo-tanka/css/custom.css" />
 
-  <title>
     
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/styles/github-gist.min.css" integrity="sha512-od7JLoOTxM8w/HSKGzP9Kexc20K9p/M2zxSWsd7H1e4Ctf+8SQFtCWEZnW5u6ul5ehSECa5QmOk9ju2nQMmlVA==" crossorigin="anonymous" />
     
-     404 Page not found 
+
     
-  </title>
-  <link rel="canonical" href="">
 
-  <link rel="stylesheet" href="https://nanx.me/hugo-tanka/css/fonts.css" />
-  <link rel="stylesheet" href="https://nanx.me/hugo-tanka/css/style.css" />
+    <link rel="shortcut icon"
+        href="https://nanx.me/hugo-tanka/images/favicon.png">
 
-  
+    
+    <link href="https://nanx.me/hugo-tanka/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Tanka Theme" />
+    
 </head>
 
 <body>
-<section id=nav>
-  <h1><a href="https://nanx.me/hugo-tanka/">Hugo Tanka Theme</a></h1>
-  <ul>
-    
-    <li><a href="https://nanx.me">Home</a></li>
-    
-    <li><a href="https://github.com/nanxstats">GitHub</a></li>
     
-    <li><a href="https://www.linkedin.com/in/nanxstats">LinkedIn</a></li>
+<div class="container">
+    <div class="my-5 text-center">
+        <h1 class="mt-5">404</h1>
+        <p class="mb-3">page not found</p>
+        <p><a href="https://nanx.me/hugo-tanka/">back to the homepage</a></p>
+    </div>
+</div>
+
+
     
-    <li><a href="https://twitter.com/nanxstats">Twitter</a></li>
+
     
-    <li><a href="https://nanx.me/hugo-tanka/index.xml">RSS</a></li>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/highlight.min.js" integrity="sha512-TDKKr+IvoqZnPzc3l35hdjpHD0m+b2EC2SrLEgKDRWpxf2rFCxemkgvJ5kfU48ip+Y+m2XVKyOCD85ybtlZDmw==" crossorigin="anonymous"></script>
+        
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/languages/r.min.js" defer></script>
+        
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/languages/python.min.js" defer></script>
+        
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/languages/stan.min.js" defer></script>
+        
+        <script>
+            window.addEventListener('load', function() {
+                hljs.initHighlighting();
+            }, true);
+        </script>
     
-  </ul>
-</section>
 
-  <section id="not-found">
-    <a href="https://nanx.me/hugo-tanka/">404</a>
-  </section>
-  
-  
+    
 
+    
+    
+        
 
+    
 </body>
-</html>
 
+</html>
diff --git a/about/index.html b/about/index.html
new file mode 100644
index 0000000..1c049bb
--- /dev/null
+++ b/about/index.html
@@ -0,0 +1,165 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title> About Hugo Tanka - Hugo Tanka Theme </title>
+    <meta name="HandheldFriendly" content="True">
+    <meta name="MobileOptimized" content="320">
+    <meta name="referrer" content="no-referrer">
+    <meta name="description" content="A description of the page" />
+    <meta property="og:site_name" content="Hugo Tanka Theme" />
+    <meta property="og:locale" content="en_US" />
+    <meta property="og:type" content="article" />
+    <meta property="og:url" content="https://nanx.me/hugo-tanka/about/" />
+    <meta property="og:title" content="About Hugo Tanka" />
+    <meta property="og:image" content="https://nanx.me/hugo-tanka/" />
+    <meta property="og:description" content="A description of the page" />
+
+    <meta name="twitter:card" content="summary_large_image" />
+    
+    <meta name="twitter:title" content="About Hugo Tanka" />
+    <meta name="twitter:description" content="A description of the page" />
+    <meta name="twitter:image" content="https://nanx.me/hugo-tanka/" />
+
+    <link rel="canonical" href="https://nanx.me/hugo-tanka/about/">
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha512-MoRNloxbStBcD8z3M/2BmnT+rg4IsMxPkXaGh2zD6LGNNFE80W3onsAhRcMAMrSoyWL9xD7Ert0men7vR8LUZg==" crossorigin="anonymous" />
+
+    <link rel="stylesheet" href="https://nanx.me/hugo-tanka/css/custom.css" />
+
+    
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/styles/github-gist.min.css" integrity="sha512-od7JLoOTxM8w/HSKGzP9Kexc20K9p/M2zxSWsd7H1e4Ctf+8SQFtCWEZnW5u6ul5ehSECa5QmOk9ju2nQMmlVA==" crossorigin="anonymous" />
+    
+
+    
+
+    <link rel="shortcut icon"
+        href="https://nanx.me/hugo-tanka/images/favicon.png">
+
+    
+    <link href="https://nanx.me/hugo-tanka/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Tanka Theme" />
+    
+</head>
+
+<body>
+    
+    <div class="mt-xl header">
+    <div class="container">
+        <div class="row justify-content-center">
+            <div class="col-auto">
+                <a href="https://nanx.me/hugo-tanka/">
+                    <h1 class="name">Hugo Tanka Theme</h1>
+                </a>
+            </div>
+        </div>
+
+        <div class="row justify-content-center">
+            <ul class="nav nav-primary">
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://nanx.me/hugo-tanka/">
+                        
+                        Home
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://nanx.me/hugo-tanka/about/">
+                        
+                        About
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://github.com/nanxstats">
+                        
+                        GitHub
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://twitter.com/nanxstats">
+                        
+                        Twitter
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://nanx.me/hugo-tanka/index.xml">
+                        
+                        Subscribe
+                    </a>
+                </li>
+                
+            </ul>
+        </div>
+    </div>
+</div>
+
+    <div class="content">
+        <div class="container">
+            <div class="row justify-content-center">
+                <div class="col-sm-12 col-lg-8">
+                    <h1 class="mx-0 mx-md-4">About Hugo Tanka</h1>
+                    <div class="markdown">
+                        
+    <p>Lorem ipsum dolor sit amet, ex has sale ullum corrumpit, sea dicam nostrum sensibus ad. Porro tritani persecuti te sed. Omittam dissentias pro ex. Atqui luptatum duo id. Eros minim eam ex, novum elitr accusam quo in. Nec ne audire euripidis, <a href="https://example.com">mea qualisque consetetur cu</a>. Suspendisse volutpat sem a risus euismod convallis.</p>
+<p>In modus congue feugait eos. In nec nonumy volutpat corrumpit, sea assentior quaerendum no, cum affert scripta ea. No nihil voluptaria pro. <a href="https://example.com">Erat democritum mei no</a>, homero quodsi aliquando id mel, ridens civibus molestiae et nam.</p>
+<p>Ea eam postea facilisi. Nullam forensibus consequuntur usu ea, no ius consul delectus periculis. Eam veri numquam an. Et partiendo gubergren eam. Quod iudicabit has ex, eam diam facilisi eu, elitr aliquip no eum.</p>
+
+
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <section id="comments">
+    <div class="py-3 content">
+        <div class="container">
+            <div class="row justify-content-center">
+                <div class="col-sm-12 col-lg-8">
+                    <div class="comments">
+                        <script src="https://utteranc.es/client.js" repo=""
+                            issue-term="pathname" label="comment" theme="github-light" crossorigin="anonymous" async>
+                            </script>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+    
+
+
+    
+
+    
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/highlight.min.js" integrity="sha512-TDKKr+IvoqZnPzc3l35hdjpHD0m+b2EC2SrLEgKDRWpxf2rFCxemkgvJ5kfU48ip+Y+m2XVKyOCD85ybtlZDmw==" crossorigin="anonymous"></script>
+        
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/languages/r.min.js" defer></script>
+        
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/languages/python.min.js" defer></script>
+        
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/languages/stan.min.js" defer></script>
+        
+        <script>
+            window.addEventListener('load', function() {
+                hljs.initHighlighting();
+            }, true);
+        </script>
+    
+
+    
+
+    
+    
+        
+
+    
+</body>
+
+</html>
diff --git a/blog/bootstrap/index.html b/blog/bootstrap/index.html
new file mode 100644
index 0000000..09b6e1f
--- /dev/null
+++ b/blog/bootstrap/index.html
@@ -0,0 +1,293 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title> Bootstrap 4 Components - Hugo Tanka Theme </title>
+    <meta name="HandheldFriendly" content="True">
+    <meta name="MobileOptimized" content="320">
+    <meta name="referrer" content="no-referrer">
+    <meta name="description" content="" />
+    <meta property="og:site_name" content="Hugo Tanka Theme" />
+    <meta property="og:locale" content="en_US" />
+    <meta property="og:type" content="article" />
+    <meta property="og:url" content="https://nanx.me/hugo-tanka/blog/bootstrap/" />
+    <meta property="og:title" content="Bootstrap 4 Components" />
+    <meta property="og:image" content="https://nanx.me/hugo-tanka/" />
+    <meta property="og:description" content="" />
+
+    <meta name="twitter:card" content="summary_large_image" />
+    
+    <meta name="twitter:title" content="Bootstrap 4 Components" />
+    <meta name="twitter:description" content="" />
+    <meta name="twitter:image" content="https://nanx.me/hugo-tanka/" />
+
+    <link rel="canonical" href="https://nanx.me/hugo-tanka/blog/bootstrap/">
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha512-MoRNloxbStBcD8z3M/2BmnT+rg4IsMxPkXaGh2zD6LGNNFE80W3onsAhRcMAMrSoyWL9xD7Ert0men7vR8LUZg==" crossorigin="anonymous" />
+
+    <link rel="stylesheet" href="https://nanx.me/hugo-tanka/css/custom.css" />
+
+    
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/styles/github-gist.min.css" integrity="sha512-od7JLoOTxM8w/HSKGzP9Kexc20K9p/M2zxSWsd7H1e4Ctf+8SQFtCWEZnW5u6ul5ehSECa5QmOk9ju2nQMmlVA==" crossorigin="anonymous" />
+    
+
+    
+
+    <link rel="shortcut icon"
+        href="https://nanx.me/hugo-tanka/images/favicon.png">
+
+    
+    <link href="https://nanx.me/hugo-tanka/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Tanka Theme" />
+    
+</head>
+
+<body>
+    
+<div class="mt-xl header">
+    <div class="container">
+        <div class="row justify-content-center">
+            <div class="col-auto">
+                <a href="https://nanx.me/hugo-tanka/">
+                    <h1 class="name">Hugo Tanka Theme</h1>
+                </a>
+            </div>
+        </div>
+
+        <div class="row justify-content-center">
+            <ul class="nav nav-primary">
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://nanx.me/hugo-tanka/">
+                        
+                        Home
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://nanx.me/hugo-tanka/about/">
+                        
+                        About
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://github.com/nanxstats">
+                        
+                        GitHub
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://twitter.com/nanxstats">
+                        
+                        Twitter
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://nanx.me/hugo-tanka/index.xml">
+                        
+                        Subscribe
+                    </a>
+                </li>
+                
+            </ul>
+        </div>
+    </div>
+</div>
+
+<div class="content">
+    <div class="container">
+        <div class="row justify-content-center">
+            <div class="col-sm-12 col-lg-8">
+                <h1 class="mx-0 mx-md-4 blog-post-title">Bootstrap 4 Components</h1>
+
+                <div class="mb-md-4 meta">
+                    
+                    
+                    <span class="author" title="Nan Xiao">
+                        Nan Xiao
+                    </span>
+                    
+                    
+
+                    <span class="date middot" title='Fri Nov 20 2020 09:00:00 UTC'>
+                        2020-11-20
+                    </span>
+
+                    <span class="reading-time middot">
+                        1 min read
+                    </span>
+
+                    <div class="d-none d-md-inline tags">
+                        <ul class="list-unstyled d-inline">
+                            
+                        </ul>
+                    </div>
+                </div>
+
+                <div class="markdown blog-post-content">
+                    
+    <p>Some useful Bootstrap 4 components are listed below.</p>
+<h2 id="buttons">Buttons</h2>
+<p><button type="button" class="btn btn-primary">Primary</button>
+<button type="button" class="btn btn-secondary">Secondary</button>
+<button type="button" class="btn btn-success">Success</button>
+<button type="button" class="btn btn-danger">Danger</button>
+<button type="button" class="btn btn-warning">Warning</button>
+<button type="button" class="btn btn-info">Info</button>
+<button type="button" class="btn btn-light">Light</button>
+<button type="button" class="btn btn-dark">Dark</button></p>
+<p><button type="button" class="btn btn-outline-primary">Primary</button>
+<button type="button" class="btn btn-outline-secondary">Secondary</button>
+<button type="button" class="btn btn-outline-success">Success</button>
+<button type="button" class="btn btn-outline-danger">Danger</button>
+<button type="button" class="btn btn-outline-warning">Warning</button>
+<button type="button" class="btn btn-outline-info">Info</button>
+<button type="button" class="btn btn-outline-light">Light</button>
+<button type="button" class="btn btn-outline-dark">Dark</button></p>
+<h2 id="alerts">Alerts</h2>
+<div class="alert alert-primary" role="alert">
+This is a primary alert—check it out!
+</div>
+<div class="alert alert-secondary" role="alert">
+This is a secondary alert—check it out!
+</div>
+<div class="alert alert-success" role="alert">
+This is a success alert—check it out!
+</div>
+<div class="alert alert-danger" role="alert">
+This is a danger alert—check it out!
+</div>
+<div class="alert alert-warning" role="alert">
+This is a warning alert—check it out!
+</div>
+<div class="alert alert-info" role="alert">
+This is a info alert—check it out!
+</div>
+<div class="alert alert-light" role="alert">
+This is a light alert—check it out!
+</div>
+<div class="alert alert-dark" role="alert">
+This is a dark alert—check it out!
+</div>
+<h2 id="tables">Tables</h2>
+<table class="table table-hover">
+<thead>
+<tr>
+<th scope="col">#</th>
+<th scope="col">First</th>
+<th scope="col">Last</th>
+<th scope="col">Handle</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<th scope="row">1</th>
+<td>Mark</td>
+<td>Otto</td>
+<td>@mdo</td>
+</tr>
+<tr>
+<th scope="row">2</th>
+<td>Jacob</td>
+<td>Thornton</td>
+<td>@fat</td>
+</tr>
+<tr>
+<th scope="row">3</th>
+<td colspan="2">Larry the Bird</td>
+<td>@twitter</td>
+</tr>
+</tbody>
+</table>
+<h2 id="forms">Forms</h2>
+<form>
+<div class="form-group">
+<label for="exampleFormControlInput1">Email address</label>
+<input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com">
+</div>
+<div class="form-group">
+<label for="exampleFormControlSelect1">Example select</label>
+<select class="form-control" id="exampleFormControlSelect1">
+<option>1</option>
+<option>2</option>
+<option>3</option>
+<option>4</option>
+<option>5</option>
+</select>
+</div>
+<div class="form-group">
+<label for="exampleFormControlSelect2">Example multiple select</label>
+<select multiple class="form-control" id="exampleFormControlSelect2">
+<option>1</option>
+<option>2</option>
+<option>3</option>
+<option>4</option>
+<option>5</option>
+</select>
+</div>
+<div class="form-group">
+<label for="exampleFormControlTextarea1">Example textarea</label>
+<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
+</div>
+</form>
+
+
+
+                </div>
+
+                
+            </div>
+        </div>
+    </div>
+</div>
+
+<section id="comments">
+    <div class="py-3 content">
+        <div class="container">
+            <div class="row justify-content-center">
+                <div class="col-sm-12 col-lg-8">
+                    <div class="comments">
+                        <script src="https://utteranc.es/client.js" repo=""
+                            issue-term="pathname" label="comment" theme="github-light" crossorigin="anonymous" async>
+                            </script>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+
+
+    
+
+    
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/highlight.min.js" integrity="sha512-TDKKr+IvoqZnPzc3l35hdjpHD0m+b2EC2SrLEgKDRWpxf2rFCxemkgvJ5kfU48ip+Y+m2XVKyOCD85ybtlZDmw==" crossorigin="anonymous"></script>
+        
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/languages/r.min.js" defer></script>
+        
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/languages/python.min.js" defer></script>
+        
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/languages/stan.min.js" defer></script>
+        
+        <script>
+            window.addEventListener('load', function() {
+                hljs.initHighlighting();
+            }, true);
+        </script>
+    
+
+    
+
+    
+    
+        
+
+    
+</body>
+
+</html>
diff --git a/blog/hugo-tanka-theme-demo/index.html b/blog/hugo-tanka-theme-demo/index.html
new file mode 100644
index 0000000..0523187
--- /dev/null
+++ b/blog/hugo-tanka-theme-demo/index.html
@@ -0,0 +1,317 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title> Tanka Theme Demo - Hugo Tanka Theme </title>
+    <meta name="HandheldFriendly" content="True">
+    <meta name="MobileOptimized" content="320">
+    <meta name="referrer" content="no-referrer">
+    <meta name="description" content="" />
+    <meta property="og:site_name" content="Hugo Tanka Theme" />
+    <meta property="og:locale" content="en_US" />
+    <meta property="og:type" content="article" />
+    <meta property="og:url" content="https://nanx.me/hugo-tanka/blog/hugo-tanka-theme-demo/" />
+    <meta property="og:title" content="Tanka Theme Demo" />
+    <meta property="og:image" content="https://nanx.me/hugo-tanka/images/example.jpg" />
+    <meta property="og:description" content="" />
+
+    <meta name="twitter:card" content="summary_large_image" />
+    
+    <meta name="twitter:title" content="Tanka Theme Demo" />
+    <meta name="twitter:description" content="" />
+    <meta name="twitter:image" content="https://nanx.me/hugo-tanka/images/example.jpg" />
+
+    <link rel="canonical" href="https://nanx.me/hugo-tanka/blog/hugo-tanka-theme-demo/">
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha512-MoRNloxbStBcD8z3M/2BmnT+rg4IsMxPkXaGh2zD6LGNNFE80W3onsAhRcMAMrSoyWL9xD7Ert0men7vR8LUZg==" crossorigin="anonymous" />
+
+    <link rel="stylesheet" href="https://nanx.me/hugo-tanka/css/custom.css" />
+
+    
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/styles/github-gist.min.css" integrity="sha512-od7JLoOTxM8w/HSKGzP9Kexc20K9p/M2zxSWsd7H1e4Ctf+8SQFtCWEZnW5u6ul5ehSECa5QmOk9ju2nQMmlVA==" crossorigin="anonymous" />
+    
+
+    
+
+    <link rel="shortcut icon"
+        href="https://nanx.me/hugo-tanka/images/favicon.png">
+
+    
+    <link href="https://nanx.me/hugo-tanka/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Tanka Theme" />
+    
+</head>
+
+<body>
+    
+<div class="mt-xl header">
+    <div class="container">
+        <div class="row justify-content-center">
+            <div class="col-auto">
+                <a href="https://nanx.me/hugo-tanka/">
+                    <h1 class="name">Hugo Tanka Theme</h1>
+                </a>
+            </div>
+        </div>
+
+        <div class="row justify-content-center">
+            <ul class="nav nav-primary">
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://nanx.me/hugo-tanka/">
+                        
+                        Home
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://nanx.me/hugo-tanka/about/">
+                        
+                        About
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://github.com/nanxstats">
+                        
+                        GitHub
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://twitter.com/nanxstats">
+                        
+                        Twitter
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://nanx.me/hugo-tanka/index.xml">
+                        
+                        Subscribe
+                    </a>
+                </li>
+                
+            </ul>
+        </div>
+    </div>
+</div>
+
+<div class="content">
+    <div class="container">
+        <div class="row justify-content-center">
+            <div class="col-sm-12 col-lg-8">
+                <h1 class="mx-0 mx-md-4 blog-post-title">Tanka Theme Demo</h1>
+
+                <div class="mb-md-4 meta">
+                    
+                    
+                    <span class="author" title="Nan Xiao">
+                        Nan Xiao
+                    </span>
+                    
+                    
+
+                    <span class="date middot" title='Sat Nov 21 2020 12:00:00 UTC'>
+                        2020-11-21
+                    </span>
+
+                    <span class="reading-time middot">
+                        2 min read
+                    </span>
+
+                    <div class="d-none d-md-inline tags">
+                        <ul class="list-unstyled d-inline">
+                            
+                        </ul>
+                    </div>
+                </div>
+
+                <div class="markdown blog-post-content">
+                    
+    <p><a href="https://github.com/nanxstats/hugo-tanka">Tanka</a> is a Bootstrap-based minimalist theme for Hugo.</p>
+<div class="figure">
+<p><img src="https://nanx.me/hugo-tanka/images/example.jpg" alt=""></p>
+<p class="caption">Vik, Iceland. Photo by <a href="https://unsplash.com/photos/MLKrf51NV8w">Adam Jang</a>.</p>
+</div>
+<h2 id="typography">Typography</h2>
+<p>Follows the Bootstrap typography.</p>
+<h1 id="h1-heading">h1 Heading</h1>
+<h2 id="h2-heading">h2 Heading</h2>
+<h3 id="h3-heading">h3 Heading</h3>
+<h4 id="h4-heading">h4 Heading</h4>
+<h5 id="h5-heading">h5 Heading</h5>
+<h6 id="h6-heading">h6 Heading</h6>
+<hr>
+<p><strong>This is bold text</strong></p>
+<p><strong>This is bold text</strong></p>
+<p><em>This is italic text</em></p>
+<p><em>This is italic text</em></p>
+<p><del>Deleted text</del></p>
+<blockquote>
+<p>Block quotes are
+written like so.</p>
+<p>They can span multiple paragraphs,
+if you like.</p>
+</blockquote>
+<p>Some text, and some <code>code</code> and then a nice plain <a href="https://nanx.me" title="title text!">link with title</a>.</p>
+<p>and then</p>
+<ul>
+<li>Create a list by starting a line with <code>+</code>, <code>-</code>, or <code>*</code></li>
+<li>Sub-lists are made by indenting 2 spaces:
+<ul>
+<li>Marker character change forces new list start:
+<ul>
+<li>Ac tristique libero volutpat at</li>
+</ul>
+</li>
+</ul>
+</li>
+<li>Very easy!</li>
+</ul>
+<p>vs.</p>
+<ol>
+<li>Lorem ipsum dolor sit amet</li>
+<li>Consectetur adipiscing elit</li>
+<li>Integer molestie lorem at massa</li>
+</ol>
+<h2 id="math">Math</h2>
+<p>Inline formula <code>$S_n = \sum_{i=1}^n X_i$</code> example.</p>
+<p>$$S(n, k) = \frac{1}{k!}\sum_{i=0}^{k} (-1)^{i} \binom{k}{i} (k-i)^n.$$</p>
+<h2 id="code">Code</h2>
+<p>Inline <code>code</code> example</p>
+<h3 id="r">R</h3>
+<div class="highlight"><pre style="background-color:#fff;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-r" data-lang="r">library(<span style="color:#a31515">&#34;msaenet&#34;</span>)
+
+dat = msaenet.sim.gaussian(
+  n = 150, p = 500, rho = 0.5,
+  coef = rep(1, 10), snr = 5, p.train = 0.7,
+  seed = 1001
+)
+
+msaenet.fit = msaenet(
+  dat$x.tr, dat$y.tr,
+  alphas = seq(0.1, 0.9, 0.1),
+  nsteps = 10L, tune.nsteps = <span style="color:#a31515">&#34;ebic&#34;</span>,
+  seed = 1005
+)
+
+msaenet.fit$best.step
+msaenet.nzv(msaenet.fit)
+plot(msaenet.fit, label = <span style="color:#00f">TRUE</span>)
+plot(msaenet.fit, type = <span style="color:#a31515">&#34;criterion&#34;</span>)
+plot(msaenet.fit, type = <span style="color:#a31515">&#34;dotplot&#34;</span>, label = <span style="color:#00f">TRUE</span>, label.cex = 1)
+</code></pre></div><h3 id="python">Python</h3>
+<div class="highlight"><pre style="background-color:#fff;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-python" data-lang="python">@requires_authorization(roles=[<span style="color:#a31515">&#34;ADMIN&#34;</span>])
+<span style="color:#00f">def</span> somefunc(param1=<span style="color:#a31515">&#39;&#39;</span>, param2=0):
+    <span style="color:#a31515">r</span><span style="color:#a31515">&#39;&#39;&#39;A docstring&#39;&#39;&#39;</span>
+    <span style="color:#00f">if</span> param1 &gt; param2: <span style="color:#008000"># interesting</span>
+        <span style="color:#00f">print</span> <span style="color:#a31515">&#39;Gre</span><span style="color:#a31515">\&#39;</span><span style="color:#a31515">ater&#39;</span>
+    <span style="color:#00f">return</span> (param2 - param1 + 1 + 0b10l) <span style="color:#00f">or</span> None
+
+<span style="color:#00f">class</span> <span style="color:#2b91af">SomeClass</span>:
+    <span style="color:#00f">pass</span>
+
+&gt;&gt;&gt; message = <span style="color:#a31515">&#39;&#39;&#39;interpreter
+</span><span style="color:#a31515">... prompt&#39;&#39;&#39;</span>
+</code></pre></div><h3 id="stan">Stan</h3>
+<pre><code class="language-stan" data-lang="stan">// Multivariate Regression Example
+// Taken from stan-reference-2.8.0.pdf p.66
+
+data {
+  int&lt;lower=0&gt; N;             // num individuals
+  int&lt;lower=1&gt; K;             // num ind predictors
+  int&lt;lower=1&gt; J;             // num groups
+  int&lt;lower=1&gt; L;             // num group predictors
+  int&lt;lower=1,upper=J&gt; jj[N]; // group for individual
+  matrix[N,K] x;              // individual predictors
+  row_vector[L] u[J];         // group predictors
+  vector[N] y;                // outcomes
+}
+parameters {
+  corr_matrix[K] Omega;       // prior correlation
+  vector&lt;lower=0&gt;[K] tau;     // prior scale
+  matrix[L,K] gamma;          // group coeffs
+  vector[K] beta[J];          // indiv coeffs by group
+  real&lt;lower=0&gt; sigma;        // prediction error scale
+}
+model {
+  tau ~ cauchy(0,2.5);
+  Omega ~ lkj_corr(2);
+  to_vector(gamma) ~ normal(0, 5);
+  {
+    row_vector[K] u_gamma[J];
+    for (j in 1:J)
+      u_gamma[j] &lt;- u[j] * gamma;
+    beta ~ multi_normal(u_gamma, quad_form_diag(Omega, tau));
+  }
+  {
+    vector[N] x_beta_jj;
+    for (n in 1:N)
+      x_beta_jj[n] &lt;- x[n] * beta[jj[n]];
+    y ~ normal(x_beta_jj, sigma);
+  }
+}
+
+# Note: Octothorpes indicate comments, too!
+</code></pre>
+
+
+                </div>
+
+                
+            </div>
+        </div>
+    </div>
+</div>
+
+<section id="comments">
+    <div class="py-3 content">
+        <div class="container">
+            <div class="row justify-content-center">
+                <div class="col-sm-12 col-lg-8">
+                    <div class="comments">
+                        <script src="https://utteranc.es/client.js" repo=""
+                            issue-term="pathname" label="comment" theme="github-light" crossorigin="anonymous" async>
+                            </script>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+
+
+    
+
+    
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/highlight.min.js" integrity="sha512-TDKKr+IvoqZnPzc3l35hdjpHD0m+b2EC2SrLEgKDRWpxf2rFCxemkgvJ5kfU48ip+Y+m2XVKyOCD85ybtlZDmw==" crossorigin="anonymous"></script>
+        
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/languages/r.min.js" defer></script>
+        
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/languages/python.min.js" defer></script>
+        
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/languages/stan.min.js" defer></script>
+        
+        <script>
+            window.addEventListener('load', function() {
+                hljs.initHighlighting();
+            }, true);
+        </script>
+    
+
+    
+
+    
+    
+        
+<script src="https://nanx.me/hugo-tanka/js/math-code.js"></script>
+<script async src="//cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML"></script>
+
+
+    
+</body>
+
+</html>
diff --git a/blog/index.html b/blog/index.html
new file mode 100644
index 0000000..93055b3
--- /dev/null
+++ b/blog/index.html
@@ -0,0 +1,172 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title> Blog - Hugo Tanka Theme </title>
+    <meta name="HandheldFriendly" content="True">
+    <meta name="MobileOptimized" content="320">
+    <meta name="referrer" content="no-referrer">
+    <meta name="description" content="Someone&#39;s blog" />
+    <meta property="og:site_name" content="Hugo Tanka Theme" />
+    <meta property="og:locale" content="en_US" />
+    <meta property="og:type" content="article" />
+    <meta property="og:url" content="https://nanx.me/hugo-tanka/blog/" />
+    <meta property="og:title" content="Blog" />
+    <meta property="og:image" content="https://nanx.me/hugo-tanka/" />
+    <meta property="og:description" content="Someone&#39;s blog" />
+
+    <meta name="twitter:card" content="summary_large_image" />
+    
+    <meta name="twitter:title" content="Blog" />
+    <meta name="twitter:description" content="Someone&#39;s blog" />
+    <meta name="twitter:image" content="https://nanx.me/hugo-tanka/" />
+
+    <link rel="canonical" href="https://nanx.me/hugo-tanka/blog/">
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha512-MoRNloxbStBcD8z3M/2BmnT+rg4IsMxPkXaGh2zD6LGNNFE80W3onsAhRcMAMrSoyWL9xD7Ert0men7vR8LUZg==" crossorigin="anonymous" />
+
+    <link rel="stylesheet" href="https://nanx.me/hugo-tanka/css/custom.css" />
+
+    
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/styles/github-gist.min.css" integrity="sha512-od7JLoOTxM8w/HSKGzP9Kexc20K9p/M2zxSWsd7H1e4Ctf+8SQFtCWEZnW5u6ul5ehSECa5QmOk9ju2nQMmlVA==" crossorigin="anonymous" />
+    
+
+    
+
+    <link rel="shortcut icon"
+        href="https://nanx.me/hugo-tanka/images/favicon.png">
+
+    
+    <link href="https://nanx.me/hugo-tanka/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Tanka Theme" />
+    
+</head>
+
+<body>
+    
+    <div class="mt-xl header">
+    <div class="container">
+        <div class="row justify-content-center">
+            <div class="col-auto">
+                <a href="https://nanx.me/hugo-tanka/">
+                    <h1 class="name">Hugo Tanka Theme</h1>
+                </a>
+            </div>
+        </div>
+
+        <div class="row justify-content-center">
+            <ul class="nav nav-primary">
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://nanx.me/hugo-tanka/">
+                        
+                        Home
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://nanx.me/hugo-tanka/about/">
+                        
+                        About
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://github.com/nanxstats">
+                        
+                        GitHub
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://twitter.com/nanxstats">
+                        
+                        Twitter
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://nanx.me/hugo-tanka/index.xml">
+                        
+                        Subscribe
+                    </a>
+                </li>
+                
+            </ul>
+        </div>
+    </div>
+</div>
+
+    <div class="content">
+        <div class="container">
+            <div class="row justify-content-center">
+                <div class="col-sm-12 col-lg-8">
+                    <div class="markdown">
+                        
+    
+
+
+                    </div>
+
+                    <div class="mx-0 mx-md-4 posts">
+                        <h1>Blog</h1>
+                        <hr>
+                        <ul class="list-unstyled">
+                            
+                                <li class="groupby">2020</li>
+                                
+                                    <ul class="list-unstyled">
+    
+</ul>
+                                
+                                    <ul class="list-unstyled">
+    
+</ul>
+                                
+                            
+                                <li class="groupby">2016</li>
+                                
+                                    <ul class="list-unstyled">
+    
+</ul>
+                                
+                            
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    
+
+
+    
+
+    
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/highlight.min.js" integrity="sha512-TDKKr+IvoqZnPzc3l35hdjpHD0m+b2EC2SrLEgKDRWpxf2rFCxemkgvJ5kfU48ip+Y+m2XVKyOCD85ybtlZDmw==" crossorigin="anonymous"></script>
+        
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/languages/r.min.js" defer></script>
+        
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/languages/python.min.js" defer></script>
+        
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/languages/stan.min.js" defer></script>
+        
+        <script>
+            window.addEventListener('load', function() {
+                hljs.initHighlighting();
+            }, true);
+        </script>
+    
+
+    
+
+    
+    
+        
+
+    
+</body>
+
+</html>
diff --git a/blog/index.xml b/blog/index.xml
new file mode 100644
index 0000000..7da2371
--- /dev/null
+++ b/blog/index.xml
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Blog on Hugo Tanka Theme</title>
+    <link>https://nanx.me/hugo-tanka/blog/</link>
+    <description>Recent content in Blog on Hugo Tanka Theme</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>en</language>
+    <lastBuildDate>Sat, 21 Nov 2020 12:00:00 +0000</lastBuildDate><atom:link href="https://nanx.me/hugo-tanka/blog/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>Tanka Theme Demo</title>
+      <link>https://nanx.me/hugo-tanka/blog/hugo-tanka-theme-demo/</link>
+      <pubDate>Sat, 21 Nov 2020 12:00:00 +0000</pubDate>
+      
+      <guid>https://nanx.me/hugo-tanka/blog/hugo-tanka-theme-demo/</guid>
+      <description>Tanka is a Bootstrap-based minimalist theme for Hugo.
+Vik, Iceland. Photo by Adam Jang.
+ Typography Follows the Bootstrap typography.
+h1 Heading h2 Heading h3 Heading h4 Heading h5 Heading h6 Heading  This is bold text
+This is bold text
+This is italic text
+This is italic text
+Deleted text
+ Block quotes are written like so.
+They can span multiple paragraphs, if you like.
+ Some text, and some code and then a nice plain link with title.</description>
+    </item>
+    
+    <item>
+      <title>Bootstrap 4 Components</title>
+      <link>https://nanx.me/hugo-tanka/blog/bootstrap/</link>
+      <pubDate>Fri, 20 Nov 2020 09:00:00 +0000</pubDate>
+      
+      <guid>https://nanx.me/hugo-tanka/blog/bootstrap/</guid>
+      <description>Some useful Bootstrap 4 components are listed below.
+Buttons Primary Secondary Success Danger Warning Info Light Dark
+Primary Secondary Success Danger Warning Info Light Dark
+Alerts This is a primary alert—check it out!  This is a secondary alert—check it out!  This is a success alert—check it out!  This is a danger alert—check it out!  This is a warning alert—check it out!  This is a info alert—check it out!</description>
+    </item>
+    
+    <item>
+      <title>Detour Sign and the Man in the Neon Coat, Got the Flashlight, Got the Moonlight, Swimming in the Blue Light</title>
+      <link>https://nanx.me/hugo-tanka/blog/long-title/</link>
+      <pubDate>Fri, 22 Jan 2016 09:00:00 +0000</pubDate>
+      
+      <guid>https://nanx.me/hugo-tanka/blog/long-title/</guid>
+      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+In modus congue feugait eos.</description>
+    </item>
+    
+  </channel>
+</rss>
diff --git a/blog/long-title/index.html b/blog/long-title/index.html
new file mode 100644
index 0000000..d4ac1a3
--- /dev/null
+++ b/blog/long-title/index.html
@@ -0,0 +1,192 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title> Detour Sign and the Man in the Neon Coat, Got the Flashlight, Got the Moonlight, Swimming in the Blue Light - Hugo Tanka Theme </title>
+    <meta name="HandheldFriendly" content="True">
+    <meta name="MobileOptimized" content="320">
+    <meta name="referrer" content="no-referrer">
+    <meta name="description" content="" />
+    <meta property="og:site_name" content="Hugo Tanka Theme" />
+    <meta property="og:locale" content="en_US" />
+    <meta property="og:type" content="article" />
+    <meta property="og:url" content="https://nanx.me/hugo-tanka/blog/long-title/" />
+    <meta property="og:title" content="Detour Sign and the Man in the Neon Coat, Got the Flashlight, Got the Moonlight, Swimming in the Blue Light" />
+    <meta property="og:image" content="https://nanx.me/hugo-tanka/" />
+    <meta property="og:description" content="" />
+
+    <meta name="twitter:card" content="summary_large_image" />
+    
+    <meta name="twitter:title" content="Detour Sign and the Man in the Neon Coat, Got the Flashlight, Got the Moonlight, Swimming in the Blue Light" />
+    <meta name="twitter:description" content="" />
+    <meta name="twitter:image" content="https://nanx.me/hugo-tanka/" />
+
+    <link rel="canonical" href="https://nanx.me/hugo-tanka/blog/long-title/">
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha512-MoRNloxbStBcD8z3M/2BmnT+rg4IsMxPkXaGh2zD6LGNNFE80W3onsAhRcMAMrSoyWL9xD7Ert0men7vR8LUZg==" crossorigin="anonymous" />
+
+    <link rel="stylesheet" href="https://nanx.me/hugo-tanka/css/custom.css" />
+
+    
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/styles/github-gist.min.css" integrity="sha512-od7JLoOTxM8w/HSKGzP9Kexc20K9p/M2zxSWsd7H1e4Ctf+8SQFtCWEZnW5u6ul5ehSECa5QmOk9ju2nQMmlVA==" crossorigin="anonymous" />
+    
+
+    
+
+    <link rel="shortcut icon"
+        href="https://nanx.me/hugo-tanka/images/favicon.png">
+
+    
+    <link href="https://nanx.me/hugo-tanka/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Tanka Theme" />
+    
+</head>
+
+<body>
+    
+<div class="mt-xl header">
+    <div class="container">
+        <div class="row justify-content-center">
+            <div class="col-auto">
+                <a href="https://nanx.me/hugo-tanka/">
+                    <h1 class="name">Hugo Tanka Theme</h1>
+                </a>
+            </div>
+        </div>
+
+        <div class="row justify-content-center">
+            <ul class="nav nav-primary">
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://nanx.me/hugo-tanka/">
+                        
+                        Home
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://nanx.me/hugo-tanka/about/">
+                        
+                        About
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://github.com/nanxstats">
+                        
+                        GitHub
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://twitter.com/nanxstats">
+                        
+                        Twitter
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://nanx.me/hugo-tanka/index.xml">
+                        
+                        Subscribe
+                    </a>
+                </li>
+                
+            </ul>
+        </div>
+    </div>
+</div>
+
+<div class="content">
+    <div class="container">
+        <div class="row justify-content-center">
+            <div class="col-sm-12 col-lg-8">
+                <h1 class="mx-0 mx-md-4 blog-post-title">Detour Sign and the Man in the Neon Coat, Got the Flashlight, Got the Moonlight, Swimming in the Blue Light</h1>
+
+                <div class="mb-md-4 meta">
+                    
+                    
+                    <span class="author" title="Nan Xiao">
+                        Nan Xiao
+                    </span>
+                    
+                    
+
+                    <span class="date middot" title='Fri Jan 22 2016 09:00:00 UTC'>
+                        2016-01-22
+                    </span>
+
+                    <span class="reading-time middot">
+                        1 min read
+                    </span>
+
+                    <div class="d-none d-md-inline tags">
+                        <ul class="list-unstyled d-inline">
+                            
+                        </ul>
+                    </div>
+                </div>
+
+                <div class="markdown blog-post-content">
+                    
+    <p><strong>Lorem ipsum</strong> dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore <em>magna aliqua</em>. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+<p>In modus congue feugait eos. In nec nonumy volutpat corrumpit, sea assentior quaerendum no, cum affert scripta ea. No nihil voluptaria pro. <a href="https://example.com">Erat democritum mei no</a>, homero quodsi aliquando id mel, ridens civibus molestiae et nam.</p>
+<p>Ea eam postea facilisi. Nullam forensibus consequuntur usu ea, no ius consul delectus periculis. Eam veri numquam an. Et partiendo gubergren eam. Quod iudicabit has ex, eam diam facilisi eu, elitr aliquip no eum.</p>
+
+
+
+                </div>
+
+                
+            </div>
+        </div>
+    </div>
+</div>
+
+<section id="comments">
+    <div class="py-3 content">
+        <div class="container">
+            <div class="row justify-content-center">
+                <div class="col-sm-12 col-lg-8">
+                    <div class="comments">
+                        <script src="https://utteranc.es/client.js" repo=""
+                            issue-term="pathname" label="comment" theme="github-light" crossorigin="anonymous" async>
+                            </script>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+
+
+    
+
+    
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/highlight.min.js" integrity="sha512-TDKKr+IvoqZnPzc3l35hdjpHD0m+b2EC2SrLEgKDRWpxf2rFCxemkgvJ5kfU48ip+Y+m2XVKyOCD85ybtlZDmw==" crossorigin="anonymous"></script>
+        
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/languages/r.min.js" defer></script>
+        
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/languages/python.min.js" defer></script>
+        
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/languages/stan.min.js" defer></script>
+        
+        <script>
+            window.addEventListener('load', function() {
+                hljs.initHighlighting();
+            }, true);
+        </script>
+    
+
+    
+
+    
+    
+        
+
+    
+</body>
+
+</html>
diff --git a/categories/index.html b/categories/index.html
new file mode 100644
index 0000000..ac8a0b3
--- /dev/null
+++ b/categories/index.html
@@ -0,0 +1,147 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title> Categories - Hugo Tanka Theme </title>
+    <meta name="HandheldFriendly" content="True">
+    <meta name="MobileOptimized" content="320">
+    <meta name="referrer" content="no-referrer">
+    <meta name="description" content="" />
+    <meta property="og:site_name" content="Hugo Tanka Theme" />
+    <meta property="og:locale" content="en_US" />
+    <meta property="og:type" content="article" />
+    <meta property="og:url" content="https://nanx.me/hugo-tanka/categories/" />
+    <meta property="og:title" content="Categories" />
+    <meta property="og:image" content="https://nanx.me/hugo-tanka/" />
+    <meta property="og:description" content="" />
+
+    <meta name="twitter:card" content="summary_large_image" />
+    
+    <meta name="twitter:title" content="Categories" />
+    <meta name="twitter:description" content="" />
+    <meta name="twitter:image" content="https://nanx.me/hugo-tanka/" />
+
+    <link rel="canonical" href="https://nanx.me/hugo-tanka/categories/">
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha512-MoRNloxbStBcD8z3M/2BmnT+rg4IsMxPkXaGh2zD6LGNNFE80W3onsAhRcMAMrSoyWL9xD7Ert0men7vR8LUZg==" crossorigin="anonymous" />
+
+    <link rel="stylesheet" href="https://nanx.me/hugo-tanka/css/custom.css" />
+
+    
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/styles/github-gist.min.css" integrity="sha512-od7JLoOTxM8w/HSKGzP9Kexc20K9p/M2zxSWsd7H1e4Ctf+8SQFtCWEZnW5u6ul5ehSECa5QmOk9ju2nQMmlVA==" crossorigin="anonymous" />
+    
+
+    
+
+    <link rel="shortcut icon"
+        href="https://nanx.me/hugo-tanka/images/favicon.png">
+
+    
+    <link href="https://nanx.me/hugo-tanka/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Tanka Theme" />
+    
+</head>
+
+<body>
+    
+<div class="mt-xl header">
+    <div class="container">
+        <div class="row justify-content-center">
+            <div class="col-auto">
+                <a href="https://nanx.me/hugo-tanka/">
+                    <h1 class="name">Hugo Tanka Theme</h1>
+                </a>
+            </div>
+        </div>
+
+        <div class="row justify-content-center">
+            <ul class="nav nav-primary">
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://nanx.me/hugo-tanka/">
+                        
+                        Home
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://nanx.me/hugo-tanka/about/">
+                        
+                        About
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://github.com/nanxstats">
+                        
+                        GitHub
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://twitter.com/nanxstats">
+                        
+                        Twitter
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://nanx.me/hugo-tanka/index.xml">
+                        
+                        Subscribe
+                    </a>
+                </li>
+                
+            </ul>
+        </div>
+    </div>
+</div>
+
+<div class="content">
+    <div class="container">
+        <div class="row justify-content-center">
+            <div class="col-sm-12 col-lg-8">
+                <div class="mx-0 mx-md-4">
+                    <h2>Posts about Categories</h2>
+                    <hr>
+                    <ul>
+                        
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+
+
+    
+
+    
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/highlight.min.js" integrity="sha512-TDKKr+IvoqZnPzc3l35hdjpHD0m+b2EC2SrLEgKDRWpxf2rFCxemkgvJ5kfU48ip+Y+m2XVKyOCD85ybtlZDmw==" crossorigin="anonymous"></script>
+        
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/languages/r.min.js" defer></script>
+        
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/languages/python.min.js" defer></script>
+        
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/languages/stan.min.js" defer></script>
+        
+        <script>
+            window.addEventListener('load', function() {
+                hljs.initHighlighting();
+            }, true);
+        </script>
+    
+
+    
+
+    
+    
+        
+
+    
+</body>
+
+</html>
diff --git a/categories/index.xml b/categories/index.xml
index 2a0bc06..82686db 100644
--- a/categories/index.xml
+++ b/categories/index.xml
@@ -1,23 +1,10 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
     <title>Categories on Hugo Tanka Theme</title>
     <link>https://nanx.me/hugo-tanka/categories/</link>
     <description>Recent content in Categories on Hugo Tanka Theme</description>
     <generator>Hugo -- gohugo.io</generator>
-    <language>en</language>
-    
-	<atom:link href="https://nanx.me/hugo-tanka/categories/index.xml" rel="self" type="application/rss+xml" />
-    
-    
-    <item>
-      <title>R</title>
-      <link>https://nanx.me/hugo-tanka/categories/r/</link>
-      <pubDate>Thu, 23 Jul 2015 21:13:14 -0500</pubDate>
-      
-      <guid>https://nanx.me/hugo-tanka/categories/r/</guid>
-      <description></description>
-    </item>
-    
+    <language>en</language><atom:link href="https://nanx.me/hugo-tanka/categories/index.xml" rel="self" type="application/rss+xml" />
   </channel>
-</rss>
-\ No newline at end of file
+</rss>
diff --git a/css/custom.css b/css/custom.css
new file mode 100644
index 0000000..42d874e
--- /dev/null
+++ b/css/custom.css
@@ -0,0 +1,260 @@
+/* Global styles */
+
+body {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-feature-settings: "liga", "kern";
+    background-color: #fff;
+}
+
+/* Fix jumping scrollbar when switching to long pages */
+
+html {
+    margin-left: calc(100vw - 100%);
+    margin-right: 0;
+}
+
+/* margin top */
+
+.mt-xl {
+    margin-top: 60px;
+}
+
+/* link */
+
+a {
+    color: #333333;
+    text-decoration: underline;
+    background-color: transparent;
+}
+
+a:active, a:hover {
+    outline-width: 0;
+}
+
+a:hover, a:focus {
+    color: #333333;
+    text-decoration: underline;
+}
+
+/* horizontal rule */
+
+hr {
+    border: 0;
+    border-top: 1px solid #DCDCDC;
+}
+
+.content .markdown hr {
+    margin-left: 1.52rem;
+    margin-right: 1.52rem;
+}
+
+/* Partial: Header */
+
+.header a {
+    text-decoration: none;
+}
+
+.header a:hover {
+    text-decoration: underline;
+}
+
+.header h1.name {
+    font-weight: 600;
+    font-size: 2.1875rem;
+    color: #333333;
+}
+
+.header ul.nav li {
+    font-size: 1rem;
+}
+
+.header ul.nav {
+    margin-bottom: 5rem;
+}
+
+/* Partial: Content */
+
+.content h1, h2, h3, h4, h5, h6 {
+    font-weight: 600;
+    color: #333333;
+    margin-bottom: 1rem;
+}
+
+.content .meta {
+    font-weight: 400;
+    font-size: 1rem;
+    color: #738491;
+    margin-bottom: 10px;
+}
+
+.content .meta a {
+    text-decoration: none;
+}
+
+.content .middot:before {
+    margin: 0 3px;
+    content: "·";
+}
+
+.content .caption {
+    text-align: center;
+    margin-top: 10px;
+    color: #586069;
+    font-size: 0.9rem;
+}
+
+.content .markdown {
+    font-weight: 400;
+    font-size: 1.125rem;
+    color: #333333;
+    line-height: 1.75rem;
+}
+
+.content .markdown li {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+}
+
+.content twitterwidget {
+    margin: auto;
+}
+
+.content .meta, .content .markdown h1, .content .markdown h2, .content .markdown h3, .content .markdown h4, .content .markdown h5, .content .markdown h6, .content .markdown p, .content .markdown ul, .content .markdown ol, .content .markdown dl, .content .markdown blockquote, div.alert, form, table, .gist-file {
+    margin-left: 1.5rem;
+    margin-right: 1.5rem;
+}
+
+/* blog post typography */
+
+.content .blog-post-title {
+    font-size: 2rem;
+    line-height: 2.625rem;
+}
+
+.content .blog-post-content {
+    font-size: 1.0625rem;
+    line-height: 2rem;
+}
+
+/* centered, boxed blog post images */
+
+.content .figure img {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 100%;
+}
+
+.content .markdown code, .content .markdown pre {
+    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+    background-color: #fff;
+}
+
+.content .markdown code {
+    /* enclosed by single backtick (`) */
+    color: #333;
+    padding: .2em .4em;
+    margin: 0;
+    font-size: 1rem;
+    background-color: rgba(27, 31, 35, .05);
+    border-radius: 6px;
+}
+
+.content .markdown pre {
+    /* Hugo specific: consider using the 'highlight' shortcode */
+    display: block;
+    margin-top: 1rem;
+    margin-bottom: 2rem;
+    padding: 1rem;
+    line-height: 20px;
+    white-space: pre;
+    word-break: break-all;
+    word-wrap: break-word;
+    margin-left: 1.5rem;
+    margin-right: 1.5rem;
+    border: 1px solid #ddd;
+    border-radius: 6px;
+}
+
+.content .markdown pre code, .content .markdown pre output {
+    /* enclosed by 4 backticks (````) */
+    padding: 0;
+    font-size: 0.75rem;
+    line-height: 20px;
+    background-color: #fff;
+    border-radius: 0;
+}
+
+.content .markdown blockquote {
+    padding: 0.5rem 0.5rem;
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+    color: #7a7a7a;
+    border-left: 0.25rem solid #e5e5e5;
+}
+
+.content .markdown blockquote p:last-child {
+    margin-bottom: 0;
+}
+
+.content .markdown figure {
+    background: #fff;
+}
+
+.content .post-item {
+    display: -webkit-flex;
+    display: -moz-flex;
+    display: -ms-flexbox;
+    display: -ms-flex;
+    display: flex;
+    margin-bottom: 1rem;
+}
+
+.content .meta-title {
+    font-size: 1.5625rem;
+    margin-bottom: 0.5rem;
+}
+
+.content .meta-title {
+    font-size: 1.5625rem;
+    font-weight: 600;
+}
+
+.content .meta-title a {
+    text-decoration: none;
+}
+
+.content .meta-title a:hover {
+    text-decoration: underline;
+}
+
+.content .meta-date {
+    font-size: 1rem;
+    color: #738491;
+    margin-bottom: 2rem;
+}
+
+.content .navigation .icon {
+    width: 16px;
+    height: 16px;
+}
+
+/* Partial: Utterances Comments */
+
+.comments {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+    max-width: 100%;
+}
+
+/* < medium screens */
+
+@media (max-width: 767.98px) {
+    html {
+        font-size: 0.9rem;
+    }
+    .content .meta, .content .markdown h1, .content .markdown h2, .content .markdown h3, .content .markdown h4, .content .markdown h5, .content .markdown h6, .content .markdown p, .content .markdown ul, .content .markdown ol, .content .markdown dl, .content .markdown blockquote, div.alert, form, table, .gist-file {
+        margin-left: 0;
+        margin-right: 0;
+    }
+}
+\ No newline at end of file
diff --git a/images/example.jpg b/images/example.jpg
new file mode 100644
index 0000000..d85f0ef
--- /dev/null
+++ b/images/example.jpg
diff --git a/images/favicon.png b/images/favicon.png
new file mode 100644
index 0000000..a44b970
--- /dev/null
+++ b/images/favicon.png
diff --git a/index.html b/index.html
index d9c81dc..cb2156d 100644
--- a/index.html
+++ b/index.html
@@ -1,90 +1,177 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-	<meta name="generator" content="Hugo 0.54.0" />
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="chrome=1">
-  <meta name="HandheldFriendly" content="True">
-  <meta name="MobileOptimized" content="320">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta name="referrer" content="no-referrer">
-  
 
-  <link rel="icon" type="image/png" href="https://nanx.me/hugo-tanka/favicon.png">
+<head>
+	<meta name="generator" content="Hugo 0.78.2" />
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title> Hugo Tanka Theme </title>
+    <meta name="HandheldFriendly" content="True">
+    <meta name="MobileOptimized" content="320">
+    <meta name="referrer" content="no-referrer">
+    <meta name="description" content="" />
+    <meta property="og:site_name" content="Hugo Tanka Theme" />
+    <meta property="og:locale" content="en_US" />
+    <meta property="og:type" content="article" />
+    <meta property="og:url" content="https://nanx.me/hugo-tanka/" />
+    <meta property="og:title" content="Hugo Tanka Theme" />
+    <meta property="og:image" content="https://nanx.me/hugo-tanka/" />
+    <meta property="og:description" content="" />
 
-  <title>
-    
-    
-     Hugo Tanka Theme 
+    <meta name="twitter:card" content="summary_large_image" />
     
-  </title>
-  <link rel="canonical" href="https://nanx.me/hugo-tanka/">
+    <meta name="twitter:title" content="Hugo Tanka Theme" />
+    <meta name="twitter:description" content="" />
+    <meta name="twitter:image" content="https://nanx.me/hugo-tanka/" />
 
-  <link rel="stylesheet" href="https://nanx.me/hugo-tanka/css/fonts.css" />
-  <link rel="stylesheet" href="https://nanx.me/hugo-tanka/css/style.css" />
+    <link rel="canonical" href="https://nanx.me/hugo-tanka/">
 
-  
-  <link href="https://nanx.me/hugo-tanka/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Tanka Theme" />
-  
-</head>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha512-MoRNloxbStBcD8z3M/2BmnT+rg4IsMxPkXaGh2zD6LGNNFE80W3onsAhRcMAMrSoyWL9xD7Ert0men7vR8LUZg==" crossorigin="anonymous" />
+
+    <link rel="stylesheet" href="https://nanx.me/hugo-tanka/css/custom.css" />
 
-<body>
-<section id=nav>
-  <h1><a href="https://nanx.me/hugo-tanka/">Hugo Tanka Theme</a></h1>
-  <ul>
     
-    <li><a href="https://nanx.me">Home</a></li>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/styles/github-gist.min.css" integrity="sha512-od7JLoOTxM8w/HSKGzP9Kexc20K9p/M2zxSWsd7H1e4Ctf+8SQFtCWEZnW5u6ul5ehSECa5QmOk9ju2nQMmlVA==" crossorigin="anonymous" />
     
-    <li><a href="https://github.com/nanxstats">GitHub</a></li>
+
     
-    <li><a href="https://www.linkedin.com/in/nanxstats">LinkedIn</a></li>
+
+    <link rel="shortcut icon"
+        href="https://nanx.me/hugo-tanka/images/favicon.png">
+
     
-    <li><a href="https://twitter.com/nanxstats">Twitter</a></li>
+    <link href="https://nanx.me/hugo-tanka/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Tanka Theme" />
     
-    <li><a href="https://nanx.me/hugo-tanka/index.xml">RSS</a></li>
+</head>
+
+<body>
     
-  </ul>
-</section>
+<div class="mt-xl header">
+    <div class="container">
+        <div class="row justify-content-center">
+            <div class="col-auto">
+                <a href="https://nanx.me/hugo-tanka/">
+                    <h1 class="name">Hugo Tanka Theme</h1>
+                </a>
+            </div>
+        </div>
+
+        <div class="row justify-content-center">
+            <ul class="nav nav-primary">
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://nanx.me/hugo-tanka/">
+                        
+                        Home
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://nanx.me/hugo-tanka/about/">
+                        
+                        About
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://github.com/nanxstats">
+                        
+                        GitHub
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://twitter.com/nanxstats">
+                        
+                        Twitter
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://nanx.me/hugo-tanka/index.xml">
+                        
+                        Subscribe
+                    </a>
+                </li>
+                
+            </ul>
+        </div>
+    </div>
+</div>
 
+<div class="content">
+    <div class="container">
+        <div class="row justify-content-center">
+            <div class="col-sm-12 col-lg-8">
 
-<section id=content>
-  <ul class=posts_listing>
+                <div class="mx-0 mx-md-4 posts">
+                    
+                    
+                    <ul class="list-unstyled">
     
-      <li>
-        <h2><a href="https://nanx.me/hugo-tanka/post/tanka-theme-demo/">Tanka Theme Demo</a></h2>
-        <div id=date>
-          <time>2017/12/26</time>
+    <li>
+        <h2 class="meta-title"><a href="https://nanx.me/hugo-tanka/blog/hugo-tanka-theme-demo/">Tanka Theme Demo</a></h2>
+        <div class="meta-date">
+            <time>2020/11/21</time>
         </div>
-      </li>
+    </li>
     
-      <li>
-        <h2><a href="https://nanx.me/hugo-tanka/post/hello-markdown/">A Plain Markdown Post</a></h2>
-        <div id=date>
-          <time>2016/12/30</time>
+    <li>
+        <h2 class="meta-title"><a href="https://nanx.me/hugo-tanka/blog/bootstrap/">Bootstrap 4 Components</a></h2>
+        <div class="meta-date">
+            <time>2020/11/20</time>
         </div>
-      </li>
+    </li>
     
-      <li>
-        <h2><a href="https://nanx.me/hugo-tanka/post/2015-07-23-r-rmarkdown/">Hello R Markdown</a></h2>
-        <div id=date>
-          <time>2015/07/23</time>
+    <li>
+        <h2 class="meta-title"><a href="https://nanx.me/hugo-tanka/blog/long-title/">Detour Sign and the Man in the Neon Coat, Got the Flashlight, Got the Moonlight, Swimming in the Blue Light</a></h2>
+        <div class="meta-date">
+            <time>2016/01/22</time>
         </div>
-      </li>
+    </li>
     
-      <li>
-        <h2><a href="https://nanx.me/hugo-tanka/post/lorem-ipsum/">Lorem Ipsum</a></h2>
-        <div id=date>
-          <time>2015/01/01</time>
+</ul>
+                    
+                    <ul class="list-unstyled">
+    
+</ul>
+                    
+                    
+                </div>
+
+            </div>
         </div>
-      </li>
+    </div>
+</div>
+
+
+
+
     
-  </ul>
-</section>
 
-  
-  
+    
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/highlight.min.js" integrity="sha512-TDKKr+IvoqZnPzc3l35hdjpHD0m+b2EC2SrLEgKDRWpxf2rFCxemkgvJ5kfU48ip+Y+m2XVKyOCD85ybtlZDmw==" crossorigin="anonymous"></script>
+        
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/languages/r.min.js" defer></script>
+        
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/languages/python.min.js" defer></script>
+        
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/languages/stan.min.js" defer></script>
+        
+        <script>
+            window.addEventListener('load', function() {
+                hljs.initHighlighting();
+            }, true);
+        </script>
+    
 
+    
+
+    
+    
+        
 
+    
 </body>
-</html>
 
+</html>
diff --git a/index.xml b/index.xml
index 18f7489..2c61d87 100644
--- a/index.xml
+++ b/index.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
     <title>Hugo Tanka Theme</title>
@@ -6,19 +6,17 @@
     <description>Recent content on Hugo Tanka Theme</description>
     <generator>Hugo -- gohugo.io</generator>
     <language>en</language>
-    <lastBuildDate>Tue, 26 Dec 2017 00:00:00 +0000</lastBuildDate>
-    
-	<atom:link href="https://nanx.me/hugo-tanka/index.xml" rel="self" type="application/rss+xml" />
-    
-    
+    <lastBuildDate>Sat, 21 Nov 2020 12:00:00 +0000</lastBuildDate><atom:link href="https://nanx.me/hugo-tanka/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>Tanka Theme Demo</title>
-      <link>https://nanx.me/hugo-tanka/post/tanka-theme-demo/</link>
-      <pubDate>Tue, 26 Dec 2017 00:00:00 +0000</pubDate>
+      <link>https://nanx.me/hugo-tanka/blog/hugo-tanka-theme-demo/</link>
+      <pubDate>Sat, 21 Nov 2020 12:00:00 +0000</pubDate>
       
-      <guid>https://nanx.me/hugo-tanka/post/tanka-theme-demo/</guid>
-      <description>Tanka is a minimalist, text-oriented, and performant Hugo theme.
-Features  Minimalist Responsive Typography first High Contrast Disqus Google Analytics  Typography h1 Heading h2 Heading h3 Heading h4 Heading h5 Heading h6 Heading This is bold text
+      <guid>https://nanx.me/hugo-tanka/blog/hugo-tanka-theme-demo/</guid>
+      <description>Tanka is a Bootstrap-based minimalist theme for Hugo.
+Vik, Iceland. Photo by Adam Jang.
+ Typography Follows the Bootstrap typography.
+h1 Heading h2 Heading h3 Heading h4 Heading h5 Heading h6 Heading  This is bold text
 This is bold text
 This is italic text
 This is italic text
@@ -29,34 +27,36 @@ They can span multiple paragraphs, if you like.
     </item>
     
     <item>
-      <title>A Plain Markdown Post</title>
-      <link>https://nanx.me/hugo-tanka/post/hello-markdown/</link>
-      <pubDate>Fri, 30 Dec 2016 21:49:57 -0700</pubDate>
+      <title>Bootstrap 4 Components</title>
+      <link>https://nanx.me/hugo-tanka/blog/bootstrap/</link>
+      <pubDate>Fri, 20 Nov 2020 09:00:00 +0000</pubDate>
       
-      <guid>https://nanx.me/hugo-tanka/post/hello-markdown/</guid>
-      <description>This is a post written in plain Markdown (*.md) instead of R Markdown (*.Rmd). The major differences are:
- You cannot run any R code in a plain Markdown document, whereas in an R Markdown document, you can embed R code chunks (```{r}); A plain Markdown post is rendered through Blackfriday, and an R Markdown document is compiled by rmarkdown and Pandoc.  There are many differences in syntax between Blackfriday&amp;rsquo;s Markdown and Pandoc&amp;rsquo;s Markdown.</description>
+      <guid>https://nanx.me/hugo-tanka/blog/bootstrap/</guid>
+      <description>Some useful Bootstrap 4 components are listed below.
+Buttons Primary Secondary Success Danger Warning Info Light Dark
+Primary Secondary Success Danger Warning Info Light Dark
+Alerts This is a primary alert—check it out!  This is a secondary alert—check it out!  This is a success alert—check it out!  This is a danger alert—check it out!  This is a warning alert—check it out!  This is a info alert—check it out!</description>
     </item>
     
     <item>
-      <title>Hello R Markdown</title>
-      <link>https://nanx.me/hugo-tanka/post/2015-07-23-r-rmarkdown/</link>
-      <pubDate>Thu, 23 Jul 2015 21:13:14 -0500</pubDate>
+      <title>About Hugo Tanka</title>
+      <link>https://nanx.me/hugo-tanka/about/</link>
+      <pubDate>Wed, 01 Jan 2020 00:00:00 +0000</pubDate>
       
-      <guid>https://nanx.me/hugo-tanka/post/2015-07-23-r-rmarkdown/</guid>
-      <description>R Markdown This is an R Markdown document. Markdown is a simple formatting syntax for authoring HTML, PDF, and MS Word documents. For more details on using R Markdown see http://rmarkdown.rstudio.com.
-You can embed an R code chunk like this:
-summary(cars) ## speed dist ## Min. : 4.0 Min. : 2.00 ## 1st Qu.:12.0 1st Qu.: 26.00 ## Median :15.0 Median : 36.00 ## Mean :15.4 Mean : 42.98 ## 3rd Qu.</description>
+      <guid>https://nanx.me/hugo-tanka/about/</guid>
+      <description>Lorem ipsum dolor sit amet, ex has sale ullum corrumpit, sea dicam nostrum sensibus ad. Porro tritani persecuti te sed. Omittam dissentias pro ex. Atqui luptatum duo id. Eros minim eam ex, novum elitr accusam quo in. Nec ne audire euripidis, mea qualisque consetetur cu. Suspendisse volutpat sem a risus euismod convallis.
+In modus congue feugait eos. In nec nonumy volutpat corrumpit, sea assentior quaerendum no, cum affert scripta ea. No nihil voluptaria pro.</description>
     </item>
     
     <item>
-      <title>Lorem Ipsum</title>
-      <link>https://nanx.me/hugo-tanka/post/lorem-ipsum/</link>
-      <pubDate>Thu, 01 Jan 2015 13:09:13 -0600</pubDate>
+      <title>Detour Sign and the Man in the Neon Coat, Got the Flashlight, Got the Moonlight, Swimming in the Blue Light</title>
+      <link>https://nanx.me/hugo-tanka/blog/long-title/</link>
+      <pubDate>Fri, 22 Jan 2016 09:00:00 +0000</pubDate>
       
-      <guid>https://nanx.me/hugo-tanka/post/lorem-ipsum/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</description>
+      <guid>https://nanx.me/hugo-tanka/blog/long-title/</guid>
+      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+In modus congue feugait eos.</description>
     </item>
     
   </channel>
-</rss>
-\ No newline at end of file
+</rss>
diff --git a/sitemap.xml b/sitemap.xml
index 494b0f2..defd4d3 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -1,72 +1,43 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
   xmlns:xhtml="http://www.w3.org/1999/xhtml">
   
   <url>
-    <loc>https://nanx.me/hugo-tanka/post/tanka-theme-demo/</loc>
-    <lastmod>2017-12-26T00:00:00+00:00</lastmod>
-  </url>
-  
-  <url>
-    <loc>https://nanx.me/hugo-tanka/post/hello-markdown/</loc>
-    <lastmod>2016-12-30T21:49:57-07:00</lastmod>
-  </url>
-  
-  <url>
-    <loc>https://nanx.me/hugo-tanka/post/2015-07-23-r-rmarkdown/</loc>
-    <lastmod>2015-07-23T21:13:14-05:00</lastmod>
-  </url>
-  
-  <url>
-    <loc>https://nanx.me/hugo-tanka/post/lorem-ipsum/</loc>
-    <lastmod>2015-01-01T13:09:13-06:00</lastmod>
-  </url>
-  
-  <url>
-    <loc>https://nanx.me/hugo-tanka/categories/</loc>
-    <priority>0</priority>
+    <loc>https://nanx.me/hugo-tanka/blog/</loc>
+    <lastmod>2020-11-21T12:00:00+00:00</lastmod>
   </url>
   
   <url>
     <loc>https://nanx.me/hugo-tanka/</loc>
-    <lastmod>2017-12-26T00:00:00+00:00</lastmod>
-    <priority>0</priority>
+    <lastmod>2020-11-21T12:00:00+00:00</lastmod>
   </url>
   
   <url>
-    <loc>https://nanx.me/hugo-tanka/tags/plot/</loc>
-    <lastmod>2015-07-23T21:13:14-05:00</lastmod>
-    <priority>0</priority>
+    <loc>https://nanx.me/hugo-tanka/blog/hugo-tanka-theme-demo/</loc>
+    <lastmod>2020-11-21T12:00:00+00:00</lastmod>
   </url>
   
   <url>
-    <loc>https://nanx.me/hugo-tanka/post/</loc>
-    <lastmod>2017-12-26T00:00:00+00:00</lastmod>
-    <priority>0</priority>
+    <loc>https://nanx.me/hugo-tanka/blog/bootstrap/</loc>
+    <lastmod>2020-11-20T09:00:00+00:00</lastmod>
   </url>
   
   <url>
-    <loc>https://nanx.me/hugo-tanka/categories/r/</loc>
-    <lastmod>2015-07-23T21:13:14-05:00</lastmod>
-    <priority>0</priority>
+    <loc>https://nanx.me/hugo-tanka/about/</loc>
+    <lastmod>2020-01-01T00:00:00+00:00</lastmod>
   </url>
   
   <url>
-    <loc>https://nanx.me/hugo-tanka/tags/r-markdown/</loc>
-    <lastmod>2015-07-23T21:13:14-05:00</lastmod>
-    <priority>0</priority>
+    <loc>https://nanx.me/hugo-tanka/blog/long-title/</loc>
+    <lastmod>2016-01-22T09:00:00+00:00</lastmod>
   </url>
   
   <url>
-    <loc>https://nanx.me/hugo-tanka/tags/regression/</loc>
-    <lastmod>2015-07-23T21:13:14-05:00</lastmod>
-    <priority>0</priority>
+    <loc>https://nanx.me/hugo-tanka/categories/</loc>
   </url>
   
   <url>
     <loc>https://nanx.me/hugo-tanka/tags/</loc>
-    <lastmod>2015-07-23T21:13:14-05:00</lastmod>
-    <priority>0</priority>
   </url>
   
-</urlset>
-\ No newline at end of file
+</urlset>
diff --git a/tags/index.html b/tags/index.html
new file mode 100644
index 0000000..8b386cc
--- /dev/null
+++ b/tags/index.html
@@ -0,0 +1,147 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title> Tags - Hugo Tanka Theme </title>
+    <meta name="HandheldFriendly" content="True">
+    <meta name="MobileOptimized" content="320">
+    <meta name="referrer" content="no-referrer">
+    <meta name="description" content="" />
+    <meta property="og:site_name" content="Hugo Tanka Theme" />
+    <meta property="og:locale" content="en_US" />
+    <meta property="og:type" content="article" />
+    <meta property="og:url" content="https://nanx.me/hugo-tanka/tags/" />
+    <meta property="og:title" content="Tags" />
+    <meta property="og:image" content="https://nanx.me/hugo-tanka/" />
+    <meta property="og:description" content="" />
+
+    <meta name="twitter:card" content="summary_large_image" />
+    
+    <meta name="twitter:title" content="Tags" />
+    <meta name="twitter:description" content="" />
+    <meta name="twitter:image" content="https://nanx.me/hugo-tanka/" />
+
+    <link rel="canonical" href="https://nanx.me/hugo-tanka/tags/">
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha512-MoRNloxbStBcD8z3M/2BmnT+rg4IsMxPkXaGh2zD6LGNNFE80W3onsAhRcMAMrSoyWL9xD7Ert0men7vR8LUZg==" crossorigin="anonymous" />
+
+    <link rel="stylesheet" href="https://nanx.me/hugo-tanka/css/custom.css" />
+
+    
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/styles/github-gist.min.css" integrity="sha512-od7JLoOTxM8w/HSKGzP9Kexc20K9p/M2zxSWsd7H1e4Ctf+8SQFtCWEZnW5u6ul5ehSECa5QmOk9ju2nQMmlVA==" crossorigin="anonymous" />
+    
+
+    
+
+    <link rel="shortcut icon"
+        href="https://nanx.me/hugo-tanka/images/favicon.png">
+
+    
+    <link href="https://nanx.me/hugo-tanka/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Tanka Theme" />
+    
+</head>
+
+<body>
+    
+<div class="mt-xl header">
+    <div class="container">
+        <div class="row justify-content-center">
+            <div class="col-auto">
+                <a href="https://nanx.me/hugo-tanka/">
+                    <h1 class="name">Hugo Tanka Theme</h1>
+                </a>
+            </div>
+        </div>
+
+        <div class="row justify-content-center">
+            <ul class="nav nav-primary">
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://nanx.me/hugo-tanka/">
+                        
+                        Home
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://nanx.me/hugo-tanka/about/">
+                        
+                        About
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://github.com/nanxstats">
+                        
+                        GitHub
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://twitter.com/nanxstats">
+                        
+                        Twitter
+                    </a>
+                </li>
+                
+                <li class="nav-item">
+                    <a class="nav-link" href="https://nanx.me/hugo-tanka/index.xml">
+                        
+                        Subscribe
+                    </a>
+                </li>
+                
+            </ul>
+        </div>
+    </div>
+</div>
+
+<div class="content">
+    <div class="container">
+        <div class="row justify-content-center">
+            <div class="col-sm-12 col-lg-8">
+                <div class="mx-0 mx-md-4">
+                    <h2>Posts about Tags</h2>
+                    <hr>
+                    <ul>
+                        
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+
+
+    
+
+    
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/highlight.min.js" integrity="sha512-TDKKr+IvoqZnPzc3l35hdjpHD0m+b2EC2SrLEgKDRWpxf2rFCxemkgvJ5kfU48ip+Y+m2XVKyOCD85ybtlZDmw==" crossorigin="anonymous"></script>
+        
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/languages/r.min.js" defer></script>
+        
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/languages/python.min.js" defer></script>
+        
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/languages/stan.min.js" defer></script>
+        
+        <script>
+            window.addEventListener('load', function() {
+                hljs.initHighlighting();
+            }, true);
+        </script>
+    
+
+    
+
+    
+    
+        
+
+    
+</body>
+
+</html>
diff --git a/tags/index.xml b/tags/index.xml
index 555b045..44a78af 100644
--- a/tags/index.xml
+++ b/tags/index.xml
@@ -1,42 +1,10 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
     <title>Tags on Hugo Tanka Theme</title>
     <link>https://nanx.me/hugo-tanka/tags/</link>
     <description>Recent content in Tags on Hugo Tanka Theme</description>
     <generator>Hugo -- gohugo.io</generator>
-    <language>en</language>
-    <lastBuildDate>Thu, 23 Jul 2015 21:13:14 -0500</lastBuildDate>
-    
-	<atom:link href="https://nanx.me/hugo-tanka/tags/index.xml" rel="self" type="application/rss+xml" />
-    
-    
-    <item>
-      <title>Plot</title>
-      <link>https://nanx.me/hugo-tanka/tags/plot/</link>
-      <pubDate>Thu, 23 Jul 2015 21:13:14 -0500</pubDate>
-      
-      <guid>https://nanx.me/hugo-tanka/tags/plot/</guid>
-      <description></description>
-    </item>
-    
-    <item>
-      <title>R Markdown</title>
-      <link>https://nanx.me/hugo-tanka/tags/r-markdown/</link>
-      <pubDate>Thu, 23 Jul 2015 21:13:14 -0500</pubDate>
-      
-      <guid>https://nanx.me/hugo-tanka/tags/r-markdown/</guid>
-      <description></description>
-    </item>
-    
-    <item>
-      <title>Regression</title>
-      <link>https://nanx.me/hugo-tanka/tags/regression/</link>
-      <pubDate>Thu, 23 Jul 2015 21:13:14 -0500</pubDate>
-      
-      <guid>https://nanx.me/hugo-tanka/tags/regression/</guid>
-      <description></description>
-    </item>
-    
+    <language>en</language><atom:link href="https://nanx.me/hugo-tanka/tags/index.xml" rel="self" type="application/rss+xml" />
   </channel>
-</rss>
-\ No newline at end of file
+</rss>
author	Nan Xiao <me@nanx.me>	2020-11-23 01:45:44 +0300
committer	Nan Xiao <me@nanx.me>	2020-11-23 01:45:44 +0300
commit	9ff277775bb02e017ad176c24a988044d1ecc883 (patch)
tree	45e8d494c145657ec2787c4293e8130d6d7b7791
parent	a9c4c375a136b5501aa77ef03030af0e7f17bc45 (diff)