support justify text-align for article

Author: cntrump

archetypes/default.md

@@ -6,6 +6,7 @@ categories = []
 imgs = []
 toc = true
 comments = false
+justify = false  # text-align: justify;
 license = ""  # CC License
 draft = true
 +++

assets/css/style.css

@@ -14,11 +14,11 @@ html {
   font-family: -system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, SimHei, "Segoe UI", Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-size: 16px;
   font-weight: 400;
-  line-height: 1.6;
+  line-height: 1.65;
 }
 body {
   display: block;
-  color: #3e3e3e;
+  color: #2f2f2f;
   text-rendering: optimizeLegibility;
   background-color: #fff;
   margin: 0 auto;
@@ -375,7 +375,7 @@ acronym {
 .note-title {
   font-size: 18px;
   font-weight: 600;
-  color: #3e3e3e;
+  color: #2f2f2f;
 }
 .note-content {
   line-height: 1.5;

layouts/_default/single.html

@@ -13,7 +13,7 @@ <h1>{{ .Title }}</h1>
       </p>
   </section>
 
-  <article class="markdown-body">
+  <article class="markdown-body" {{ if and (isset .Params "justify") (eq .Params.justify true) }}style="text-align: justify;"{{ end }}>
     {{ .Content }}
   </article>