最終更新日からそのページのコミット履歴に飛べるように

_layouts/default.html

@@ -76,7 +76,11 @@ body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:non
         <div class="body">{{ content }}</div>
 
         {% if page.date %}
-        <aside class="main-date">最終更新日: <time>{{ page.date }}</time></aside>
+        <aside class="main-date">
+          <a title="変更履歴" href="{{ site.github.repository_url }}/commits/gh-pages/{{ page.path }}">
+            最終更新日: <time>{{ page.date }}</time>
+          </a>
+        </aside>
         {% endif %}
       </article>
 

_sass/_article.scss

@@ -43,11 +43,7 @@
       margin-bottom: 0.5em;
     }
 
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
+    h2, h3, h4, h5, h6 {
       font-weight: bold;
       line-height: 1.1em;
       margin: 1rem 0;
@@ -79,8 +75,7 @@
     }
 
     p {
-      margin-bottom: 1em;
-      margin-top: 1em;
+      margin: 1em 0;
     }
 
     pre {
@@ -117,10 +112,8 @@
       padding: var(--article-pre-code-padding);
     }
 
-    dl {
-      dt {
-        font-style: normal;
-      }
+    dl dt {
+      font-style: normal;
     }
   }
 }

_sass/_main.scss

@@ -1,15 +1,23 @@
 .main {
-	background: var(--main-bg);
+  background: var(--main-bg);
 
-	@include media-desktop {
-	  border-top: var(--main-border-topleft);
-	  border-left: var(--main-border-topleft);
-	  border-radius: var(--main-border-radius);
-	}
+  @include media-desktop {
+    border-top: var(--main-border-topleft);
+    border-left: var(--main-border-topleft);
+    border-radius: var(--main-border-radius);
+  }
 }
 
 .main-date {
-	color: var(--main-date-color);
-	text-align: right;
-	margin: 1em 0;
+  text-align: right;
+  margin: 1em 0;
+
+  a {
+    color: var(--main-date-color);
+    text-decoration: none;
+	}
+
+	a:hover {
+    text-decoration: underline;
+	}
 }