From 12777c227db1cb2bd79b794e92d3ecb5e22157fc Mon Sep 17 00:00:00 2001
From: jackfiled <xcrenchangjun@outlook.com>
Date: Sun, 28 Jul 2024 14:30:08 +0800
Subject: [PATCH] add: License disclaimer.

---
 YaeBlog/Components/LicenseDisclaimer.razor    | 36 +++++++++++++++++++
 .../Components/LicenseDisclaimer.razor.css    |  2 ++
 YaeBlog/Pages/Essays.razor                    | 11 +++++-
 3 files changed, 48 insertions(+), 1 deletion(-)
 create mode 100644 YaeBlog/Components/LicenseDisclaimer.razor
 create mode 100644 YaeBlog/Components/LicenseDisclaimer.razor.css

diff --git a/YaeBlog/Components/LicenseDisclaimer.razor b/YaeBlog/Components/LicenseDisclaimer.razor
new file mode 100644
index 0000000..8b872b5
--- /dev/null
+++ b/YaeBlog/Components/LicenseDisclaimer.razor
@@ -0,0 +1,36 @@
+@using YaeBlog.Core.Models
+
+@inject BlogOptions Options
+
+<div class="row px-2 py-4 copyright border border-primary rounded-1 bg-primary-subtle">
+    <div class="col">
+        <div class="row p-1">
+            <div class="col">
+                文章作者：<a href="https://rrricardo.top" target="_blank">@(Options.Author)</a>
+            </div>
+        </div>
+
+        <div class="row p-1">
+            <div class="col">
+                文章地址：
+                <a href="/blog/essays/@(EssayAddress)" target="_blank">
+                    @($"https://rrricardo.top/blog/essays/{EssayAddress}")
+                </a>
+            </div>
+        </div>
+
+        <div class="row p-1">
+            <div class="col">
+                版权声明：本博客所有文章除特别声明外，均采用
+                <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">CC BY-NC-SA 4.0</a>
+                许可协议，转载请注明来自
+                <a href="https://rrricardo.top/blog/" target="_blank">Ricardo's Blog</a>。
+            </div>
+        </div>
+    </div>
+</div>
+
+@code
+{
+    [Parameter] public string? EssayAddress { get; set; }
+}
diff --git a/YaeBlog/Components/LicenseDisclaimer.razor.css b/YaeBlog/Components/LicenseDisclaimer.razor.css
new file mode 100644
index 0000000..28c8621
--- /dev/null
+++ b/YaeBlog/Components/LicenseDisclaimer.razor.css
@@ -0,0 +1,2 @@
+.copyright {
+}
diff --git a/YaeBlog/Pages/Essays.razor b/YaeBlog/Pages/Essays.razor
index 44c23a0..6616712 100644
--- a/YaeBlog/Pages/Essays.razor
+++ b/YaeBlog/Pages/Essays.razor
@@ -16,7 +16,7 @@
         </div>
     </div>
 
-    <div class="row p-4">
+    <div class="row px-4 py-1">
         <div class="col-auto fw-light">
             @(_essay!.PublishTime.ToString("yyyy-MM-dd"))
         </div>
@@ -29,11 +29,20 @@
         }
     </div>
 
+    <div class="row px-4 py-1">
+        <div class="col-auto fw-light">
+            总字数：@(_essay!.WordCount)字。
+        </div>
+    </div>
+
     <div class="row">
         <div class="col-lg-8 col-md-12">
             @((MarkupString)_essay!.HtmlContent)
+
+            <LicenseDisclaimer EssayAddress="@BlogKey"/>
         </div>
     </div>
+
 </div>
 
 @code {