diff --git a/YaeBlog.Theme.FluentUI/App.razor b/YaeBlog.Theme.FluentUI/App.razor
new file mode 100644
index 0000000..23e8177
--- /dev/null
+++ b/YaeBlog.Theme.FluentUI/App.razor
@@ -0,0 +1,23 @@
+@using YaeBlog.Core.Models
+@inject BlogOptions BlogOptionsInstance
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/YaeBlog.Theme.FluentUI/BlogApplicationBuilderExtensions.cs b/YaeBlog.Theme.FluentUI/BlogApplicationBuilderExtensions.cs
new file mode 100644
index 0000000..17bc010
--- /dev/null
+++ b/YaeBlog.Theme.FluentUI/BlogApplicationBuilderExtensions.cs
@@ -0,0 +1,26 @@
+using Microsoft.AspNetCore.Builder;
+using Microsoft.Extensions.DependencyInjection;
+using YaeBlog.Core.Builder;
+using YaeBlog.Core.Extensions;
+
+namespace YaeBlog.Theme.FluentUI;
+
+public static class BlogApplicationBuilderExtensions
+{
+ public static void UseFluentTheme(this BlogApplicationBuilder builder)
+ {
+ builder.ConfigureWebApplication(ConfigureWebApplicationBuilder, ConfigureWebApplication);
+ }
+
+ private static void ConfigureWebApplicationBuilder(WebApplicationBuilder builder)
+ {
+ builder.Services.AddRazorComponents();
+ }
+
+ private static void ConfigureWebApplication(WebApplication application)
+ {
+ application.UseStaticFiles();
+ application.UseAntiforgery();
+ application.MapRazorComponents();
+ }
+}
diff --git a/YaeBlog.Theme.FluentUI/Layout/MainLayout.razor b/YaeBlog.Theme.FluentUI/Layout/MainLayout.razor
new file mode 100644
index 0000000..e1af66e
--- /dev/null
+++ b/YaeBlog.Theme.FluentUI/Layout/MainLayout.razor
@@ -0,0 +1,54 @@
+@inherits LayoutComponentBase
+
+
+
+
+
+
+
+
+ Ricardo Ren
+
+
+
+
+
+
+
+ 首页
+
+
+
+
+
+ 归档
+
+
+
+
+
+ 标签
+
+
+
+
+
+ 关于
+
+
+
+
+
+ 友链
+
+
+
+
+
+
+
+
+ @Body
+
+
+
diff --git a/YaeBlog.Theme.FluentUI/Pages/Home.razor b/YaeBlog.Theme.FluentUI/Pages/Home.razor
new file mode 100644
index 0000000..e8a367e
--- /dev/null
+++ b/YaeBlog.Theme.FluentUI/Pages/Home.razor
@@ -0,0 +1,8 @@
+@page "/"
+Home
+
+Color Text
+
+@code {
+
+}
diff --git a/YaeBlog.Theme.FluentUI/Pages/Home.razor.css b/YaeBlog.Theme.FluentUI/Pages/Home.razor.css
new file mode 100644
index 0000000..9e07b97
--- /dev/null
+++ b/YaeBlog.Theme.FluentUI/Pages/Home.razor.css
@@ -0,0 +1,3 @@
+.test {
+ color: purple;
+}
diff --git a/YaeBlog.Theme.FluentUI/Routes.razor b/YaeBlog.Theme.FluentUI/Routes.razor
new file mode 100644
index 0000000..acb0e45
--- /dev/null
+++ b/YaeBlog.Theme.FluentUI/Routes.razor
@@ -0,0 +1,5 @@
+
+
+
+
+
diff --git a/YaeBlog.Theme.FluentUI/wwwroot/globals.css b/YaeBlog.Theme.FluentUI/wwwroot/globals.css
new file mode 100644
index 0000000..e861f02
--- /dev/null
+++ b/YaeBlog.Theme.FluentUI/wwwroot/globals.css
@@ -0,0 +1,3 @@
+body a {
+ text-decoration: none;
+}