From 63dd8879b3baaef7988ec70614f4c7e0e6d557f0 Mon Sep 17 00:00:00 2001
From: m9810223 <m9810223@gmail.com>
Date: Wed, 19 May 2021 23:05:21 +0800
Subject: [PATCH] move categories to components

---
 layouts/partials/article/components/categories.html |  9 +++++++++
 layouts/partials/article/components/details.html    | 10 +---------
 2 files changed, 10 insertions(+), 9 deletions(-)
 create mode 100644 layouts/partials/article/components/categories.html

diff --git a/layouts/partials/article/components/categories.html b/layouts/partials/article/components/categories.html
new file mode 100644
index 0000000..c296f35
--- /dev/null
+++ b/layouts/partials/article/components/categories.html
@@ -0,0 +1,9 @@
+{{ if .Params.categories }}
+    <section class="article-category">
+        {{ range (.GetTerms "categories") }}
+            <a href="{{ .RelPermalink }}" {{ with .Params.style }}style="background-color: {{ .background }}; color: {{ .color }};"{{ end }}>
+                {{ .LinkTitle }}
+            </a>
+        {{ end }}
+    </section>
+{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/article/components/details.html b/layouts/partials/article/components/details.html
index 5c5397b..382e310 100644
--- a/layouts/partials/article/components/details.html
+++ b/layouts/partials/article/components/details.html
@@ -1,13 +1,5 @@
 <div class="article-details">
-    {{ if .Params.categories }}
-    <header class="article-category">
-        {{ range (.GetTerms "categories") }}
-            <a href="{{ .RelPermalink }}" {{ with .Params.style }}style="background-color: {{ .background }}; color: {{ .color }};"{{ end }}>
-                {{ .LinkTitle }}
-            </a>
-        {{ end }}
-    </header>
-    {{ end }}
+    {{ partial "article/components/categories" . }}
 
     <h2 class="article-title">
         <a href="{{ .RelPermalink }}">