diff --git a/YaeBlog.Core/Models/BlogOptions.cs b/YaeBlog.Core/Models/BlogOptions.cs
index 62a5a80..d01350b 100644
--- a/YaeBlog.Core/Models/BlogOptions.cs
+++ b/YaeBlog.Core/Models/BlogOptions.cs
@@ -4,11 +4,33 @@ public class BlogOptions
 {
     public const string OptionName = "Blog";
 
+    /// <summary>
+    /// 博客markdown文件的根目录
+    /// </summary>
     public required string Root { get; set; }
 
+    /// <summary>
+    /// 博客作者
+    /// </summary>
     public required string Author { get; set; }
 
+    /// <summary>
+    /// 博客的起始年份
+    /// </summary>
+    public required int StartYear { get; set; }
+
+    /// <summary>
+    /// 博客项目的名称
+    /// </summary>
     public required string ProjectName { get; set; }
 
+    /// <summary>
+    /// 博客起始页面的背景图片
+    /// </summary>
     public required string BannerImage { get; set; }
+
+    /// <summary>
+    /// 博客底部是否显示ICP备案信息
+    /// </summary>
+    public string? RegisterInformation { get; set; }
 }
diff --git a/YaeBlog.Theme.FluentUI/Components/BlogFooter.razor b/YaeBlog.Theme.FluentUI/Components/BlogFooter.razor
new file mode 100644
index 0000000..b4b23db
--- /dev/null
+++ b/YaeBlog.Theme.FluentUI/Components/BlogFooter.razor
@@ -0,0 +1,33 @@
+@using YaeBlog.Core.Models
+@inject BlogOptions BlogOptionsInstance
+
+<div class="footer-content">
+    <div>
+        <a href="https://learn.microsoft.com/zh-cn/aspnet/core/blazor/" target="_blank" rel="nofollow noopener">
+            <span> Blazor </span>
+        </a>
+        <i class="love-tag"></i>
+        <span> YaeBlog </span>
+        <i class="love-tag"></i>
+        <span>FluentUI</span>
+    </div>
+
+    <div style="padding-top: 0.3rem">
+        <span>
+            ©@(BlogOptionsInstance.StartYear) - @(DateTime.Now.Year) By @(BlogOptionsInstance.Author)
+        </span>
+    </div>
+
+    @if (!string.IsNullOrEmpty(BlogOptionsInstance.RegisterInformation))
+    {
+        <div style="padding-top: 0.3rem">
+            <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">
+                <span>@(BlogOptionsInstance.RegisterInformation)</span>
+            </a>
+        </div>
+    }
+</div>
+
+@code {
+
+}
diff --git a/YaeBlog.Theme.FluentUI/Components/BlogFooter.razor.css b/YaeBlog.Theme.FluentUI/Components/BlogFooter.razor.css
new file mode 100644
index 0000000..ae40bef
--- /dev/null
+++ b/YaeBlog.Theme.FluentUI/Components/BlogFooter.razor.css
@@ -0,0 +1,14 @@
+.footer-content {
+    padding: 2rem 0 1rem 0;
+    text-align: center;
+}
+
+.love-tag {
+    font-style: normal;
+    font-weight: 400;
+    font-family: "Font Awesome 6 Free", sans-serif;
+}
+
+.love-tag::before {
+    content: "\f004";
+}
diff --git a/YaeBlog.Theme.FluentUI/Pages/Home.razor b/YaeBlog.Theme.FluentUI/Pages/Home.razor
index c45f70b..db1bb00 100644
--- a/YaeBlog.Theme.FluentUI/Pages/Home.razor
+++ b/YaeBlog.Theme.FluentUI/Pages/Home.razor
@@ -76,6 +76,8 @@
             </div>
         </FluentCard>
     </div>
+
+    <BlogFooter/>
 </div>
 
 
diff --git a/YaeBlog.Theme.FluentUI/_Imports.razor b/YaeBlog.Theme.FluentUI/_Imports.razor
index 6b48efb..c08fdc1 100644
--- a/YaeBlog.Theme.FluentUI/_Imports.razor
+++ b/YaeBlog.Theme.FluentUI/_Imports.razor
@@ -7,3 +7,4 @@
 @using Microsoft.AspNetCore.Components.Web.Virtualization
 @using Microsoft.JSInterop
 @using Microsoft.FluentUI.AspNetCore.Components
+@using YaeBlog.Theme.FluentUI.Components