✨ Add draft post indicator

exampleSite/content/blog/placeholder-text.md

@@ -1,6 +1,7 @@
 ---
 title: "Placeholder Text"
 date: "2019-03-09"
+draft: true
 description: "Lorem Ipsum Dolor Si Amet"
 tags: ["markdown", "text"]
 ---

layouts/_default/single.html

@@ -4,6 +4,13 @@
       <h1 class="mt-0 text-4xl font-extrabold">{{ .Title }}</h1>
       <div class="mt-8 mb-12 text-base text-gray-400 dark:text-gray-500">
         {{ partial "article-meta.html" . }}
+        {{ if .Draft }}
+          <span
+            class="ml-2 px-1 py-[2px] text-xs font-normal border rounded-md text-primary-700 dark:text-primary-400 border-primary-400 dark:border-primary-600 inline-block align-middle mb-1"
+          >
+            Draft
+          </span>
+        {{ end }}
       </div>
     </header>
     <section class="prose dark:prose-light">

layouts/partials/article-link.html

@@ -13,6 +13,13 @@
     {{ else }}
       <a class="hover:underline" href="{{ .Permalink }}">{{ .Title }}</a>
     {{ end }}
+    {{ if .Draft }}
+      <span
+        class="ml-1 px-1 py-[2px] text-xs font-normal border rounded-md text-primary-700 dark:text-primary-400 border-primary-400 dark:border-primary-600 inline-block align-middle mb-1"
+      >
+        Draft
+      </span>
+    {{ end }}
     {{ if templates.Exists "partials/extend-article-link.html" }}
       {{ partial "extend-article-link.html" . }}
     {{ end }}

package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "dev": "NODE_ENV=development ./node_modules/tailwindcss/lib/cli.js -i ./assets/css/main.css -o ./static/css/main.css --jit -w",
     "build": "NODE_ENV=production ./node_modules/tailwindcss/lib/cli.js -i ./assets/css/main.css -o ./static/css/main.css --jit --minify",
-    "example": "hugo server --source exampleSite --themesDir ../.."
+    "example": "hugo server --source exampleSite --themesDir ../.. --buildDrafts"
   },
   "repository": {
     "type": "git",