dotnetcore · ArgoZhang · Dec 2, 2024 · Dec 2, 2024 · Dec 2, 2024 · Dec 2, 2024
diff --git a/src/BootstrapBlazor.Server/Components/App.razor b/src/BootstrapBlazor.Server/Components/App.razor
@@ -1,5 +1,6 @@
 @inject IWebHostEnvironment Env
 @inject IStringLocalizer<BaseLayout> Localizer
+@inject IOptions<WebsiteOptions> WebsiteOption
 
 <!DOCTYPE html>
 <html lang="en" data-bs-theme='light'>
@@ -18,23 +19,13 @@
     <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
     <link rel="apple-touch-icon" href="favicon.png">
 
-    @if (Env.IsSupportAssets())
-    {
-        @this.RenderAssets()
-    }
-    else
-    {
-        <link rel="stylesheet" href="_content/BootstrapBlazor.AntDesignIcon/BootstrapBlazor.AntDesignIcon.bundle.scp.css" />
-        <link rel="stylesheet" href="_content/BootstrapBlazor.BootstrapIcon/css/bootstrap.min.css" />
-        <link rel="stylesheet" href="_content/BootstrapBlazor.ElementIcon/BootstrapBlazor.ElementIcon.bundle.scp.css" />
-        <link rel="stylesheet" href="_content/BootstrapBlazor.FontAwesome/css/font-awesome.min.css" />
-        <link rel="stylesheet" href="_content/BootstrapBlazor.MaterialDesign/css/md.min.css" />
-        <link rel="stylesheet" href="_content/BootstrapBlazor.IconPark/BootstrapBlazor.IconPark.bundle.scp.css" />
-        <link rel="stylesheet" href="_content/BootstrapBlazor/css/bootstrap.blazor.bundle.min.css" />
-        <link rel="stylesheet" href="_content/BootstrapBlazor/css/motronic.min.css" />
-        <link rel="stylesheet" href="_content/BootstrapBlazor.Shared/BootstrapBlazor.Shared.bundle.scp.css" />
-        <link rel="stylesheet" href="_content/BootstrapBlazor.Shared/css/site.css" />
-    }
+    <link rel="stylesheet" href="@Assets["_content/BootstrapBlazor.FontAwesome/css/font-awesome.min.css"]" />
+    <link rel="stylesheet" href="@Assets["_content/BootstrapBlazor.MaterialDesign/css/md.min.css"]" />
+    <link rel="stylesheet" href="@Assets["_content/BootstrapBlazor/css/bootstrap.blazor.bundle.min.css"]" />
+    <link rel="stylesheet" href="@Assets["_content/BootstrapBlazor/css/motronic.min.css"]" />
+    <link rel="stylesheet" href="@Assets["_content/BootstrapBlazor.Shared/BootstrapBlazor.Shared.bundle.scp.css"]" />
+    <link rel="stylesheet" href="@Assets["_content/BootstrapBlazor.Shared/css/site.css"]" />
+
     <HeadOutlet @rendermode="new InteractiveServerRenderMode(false)" />
 </head>
 
@@ -53,7 +44,7 @@
     @if (Env.IsProduction())
     {
         <script type="text/javascript" src="https://cdn.wwads.cn/js/makemoney.js"></script>
-        <script type="text/javascript" src="./_content/BootstrapBlazor.Shared/lib/wwads/wwads.js"></script>
+        <script type="text/javascript" src="@WebsiteOption.Value.GetAssetUrl("lib/wwads/wwads.js")"></script>
         <script>
             var _hmt = _hmt || [];
             (function () {

diff --git a/src/BootstrapBlazor.Server/Controllers/WaterfallController.cs b/src/BootstrapBlazor.Server/Controllers/WaterfallController.cs
@@ -4,6 +4,7 @@
 // Maintainer: Argo Zhang([email protected]) Website: https://www.blazor.zone
 
 using Microsoft.AspNetCore.Mvc;
+using Microsoft.Extensions.Options;
 
 namespace BootstrapBlazor.Server.Controllers;
 
@@ -15,19 +16,19 @@ public class WaterfallController : Controller
     /// <summary>
     /// 获得图片方法
     /// </summary>
-    /// <param name="env"></param>
+    /// <param name="options"></param>
     /// <param name="id"></param>
     /// <returns></returns>
-    public async Task<IActionResult> Index([FromServices] IWebHostEnvironment env, [FromQuery] string? id)
+    public async Task<IActionResult> Index([FromServices] IOptions<WebsiteOptions> options, [FromQuery] string? id)
     {
         var interval = Random.Shared.Next(1, 2000);
         await Task.Delay(interval);
+
 #if DEBUG
-        var fileName = Path.Combine(env.WebRootPath, "../../");
+        var fileName = Path.Combine(options.Value.WebRootPath, "../../BootstrapBlazor.Shared/wwwroot/images/waterfall", $"{id}.jpeg");
 #else
-        var fileName = Path.Combine(AppContext.BaseDirectory, "_content");
+        var fileName = Path.Combine(options.Value.WebRootPath, "_content/BootstrapBlazor.Shared/wwwroot/images/waterfall", $"{id}.jpeg");
 #endif
-        fileName = Path.Combine(fileName, "BootstrapBlazor.Shared/wwwroot/images/waterfall", $"{id}.jpeg");
         return new PhysicalFileResult(fileName, "images/jpeg");
     }
 }
diff --git a/src/BootstrapBlazor.Server/Extensions/StaticFileResponseContextExtensions.cs b/src/BootstrapBlazor.Server/Extensions/StaticFileResponseContextExtensions.cs
@@ -36,12 +36,8 @@ public static RenderFragment RenderAssets(this ComponentBase component) => build
             var v = pi.GetValue(component);
             if (v is ResourceAssetCollection assets)
             {
-                builder.RenderCss($"{assets["_content/BootstrapBlazor.AntDesignIcon/BootstrapBlazor.AntDesignIcon.bundle.scp.css"]}");
-                builder.RenderCss($"{assets["_content/BootstrapBlazor.BootstrapIcon/css/bootstrap.min.css"]}");
-                builder.RenderCss($"{assets["_content/BootstrapBlazor.ElementIcon/BootstrapBlazor.ElementIcon.bundle.scp.css"]}");
                 builder.RenderCss($"{assets["_content/BootstrapBlazor.FontAwesome/css/font-awesome.min.css"]}");
                 builder.RenderCss($"{assets["_content/BootstrapBlazor.MaterialDesign/css/md.min.css"]}");
-                builder.RenderCss($"{assets["_content/BootstrapBlazor.IconPark/BootstrapBlazor.IconPark.bundle.scp.css"]}");
                 builder.RenderCss($"{assets["_content/BootstrapBlazor/css/bootstrap.blazor.bundle.min.css"]}");
                 builder.RenderCss($"{assets["_content/BootstrapBlazor/css/motronic.min.css"]}");
                 builder.RenderCss($"{assets["_content/BootstrapBlazor.Shared/BootstrapBlazor.Shared.bundle.scp.css"]}");

diff --git a/src/BootstrapBlazor.Server/Services/ClearUploadFilesService.cs b/src/BootstrapBlazor.Server/Services/ClearUploadFilesService.cs
@@ -4,30 +4,14 @@
 // Maintainer: Argo Zhang([email protected]) Website: https://www.blazor.zone
 
 using Longbow.Tasks;
-using Microsoft.Extensions.Options;
 
 namespace BootstrapBlazor.Service.Services;
 
 /// <summary>
 /// 后台任务服务类
 /// </summary>
-internal class ClearTempFilesService : BackgroundService
+internal class ClearTempFilesService(IWebHostEnvironment env) : BackgroundService
 {
-    private readonly IWebHostEnvironment _env;
-
-    /// <summary>
-    /// 
-    /// </summary>
-    /// <param name="env"></param>
-    /// <param name="websiteOption"></param>
-    public ClearTempFilesService(IWebHostEnvironment env, IOptionsMonitor<WebsiteOptions> websiteOption)
-    {
-        _env = env;
-        websiteOption.CurrentValue.WebRootPath = env.WebRootPath;
-        websiteOption.CurrentValue.ContentRootPath = env.ContentRootPath;
-        websiteOption.CurrentValue.IsDevelopment = env.IsDevelopment();
-    }
-
     /// <summary>
     /// 运行任务
     /// </summary>
@@ -37,15 +21,14 @@ protected override Task ExecuteAsync(CancellationToken stoppingToken)
     {
         TaskServicesManager.GetOrAdd("Clear Upload Files", (provider, token) =>
         {
-            var webSiteUrl = $"images{Path.DirectorySeparatorChar}uploader{Path.DirectorySeparatorChar}";
-            var filePath = Path.Combine(_env.WebRootPath, webSiteUrl);
+            var filePath = Path.Combine(env.WebRootPath, "images", "uploader");
             if (Directory.Exists(filePath))
             {
                 Directory.EnumerateFiles(filePath).Take(10).ToList().ForEach(file => DeleteFile(file, token));
             }
 
             // 清除导出临时文件
-            var exportFilePath = Path.Combine(_env.WebRootPath, "pdf");
+            var exportFilePath = Path.Combine(env.WebRootPath, "pdf");
             if (Directory.Exists(exportFilePath))
             {
                 Directory.EnumerateFiles(exportFilePath, "*.html").Take(10).Where(file =>

diff --git a/src/BootstrapBlazor.Shared/Components/Components/BBLogo.razor b/src/BootstrapBlazor.Shared/Components/Components/BBLogo.razor
@@ -1 +1,3 @@
-<img alt="logo" class="bb-icon" src="./_content/BootstrapBlazor.Shared/images/logo.png" />
+@inject IOptionsMonitor<WebsiteOptions> WebsiteOption
+
+<img alt="logo" class="bb-icon" src="@WebsiteOption.CurrentValue.GetAssetUrl("images/logo.png")" />
diff --git a/src/BootstrapBlazor.Shared/Components/Components/BlazorReconnector.razor b/src/BootstrapBlazor.Shared/Components/Components/BlazorReconnector.razor
@@ -71,7 +71,7 @@
                 <p></p>
                 <div>已提供项目模板方便快速上手 <a class="connection-link" href="@TemplateUrl" target="_blank">项目模板</a></div>
             </div>
-            <img altt="QQ" src="./_content/BootstrapBlazor.Shared/images/[email protected]" alt="QQGroup" />
+            <img altt="QQ" src="@WebsiteOption.CurrentValue.GetAssetUrl("images/[email protected]")" alt="QQGroup" />
             <div class="connection-body-tail d-none d-sm-block"></div>
         </div>
     </div>;

diff --git a/src/BootstrapBlazor.Shared/Components/Components/ComponentCard.razor.cs b/src/BootstrapBlazor.Shared/Components/Components/ComponentCard.razor.cs
@@ -3,14 +3,19 @@
 // See the LICENSE file in the project root for more information.
 // Maintainer: Argo Zhang([email protected]) Website: https://www.blazor.zone
 
+using Microsoft.Extensions.Options;
+
 namespace BootstrapBlazor.Shared.Components.Components;
 
 /// <summary>
 /// 
 /// </summary>
 public sealed partial class ComponentCard
 {
-    private string ImageUrl => $"./_content/BootstrapBlazor.Shared/images/{Image}";
+    [Inject, NotNull]
+    private IOptionsMonitor<WebsiteOptions>? WebSiteOptions { get; set; }
+
+    private string ImageUrl => $"{WebSiteOptions.CurrentValue.AssetRootPath}images/{Image}";
 
     private string? ClassString => CssBuilder.Default("col-12 col-sm-6 col-md-4 col-lg-3")
         .AddClass("d-none", IsHide)

diff --git a/src/BootstrapBlazor.Shared/Components/Components/CustomWinBoxContent.razor.cs b/src/BootstrapBlazor.Shared/Components/Components/CustomWinBoxContent.razor.cs
@@ -3,13 +3,18 @@
 // See the LICENSE file in the project root for more information.
 // Maintainer: Argo Zhang([email protected]) Website: https://www.blazor.zone
 
+using Microsoft.Extensions.Options;
+
 namespace BootstrapBlazor.Shared.Components.Components;
 
 /// <summary>
 /// CustomWinBoxContent 组件
 /// </summary>
 public partial class CustomWinBoxContent
 {
+    [Inject, NotNull]
+    private IOptionsMonitor<WebsiteOptions>? WebSiteOptions { get; set; }
+
     [Inject, NotNull]
     private WinBoxService? WinBoxService { get; set; }
 
@@ -49,7 +54,7 @@ private async Task SetIconWinBox()
     {
         if (Option != null)
         {
-            Option.Icon = "./_content/BootstrapBlazor.Shared/images/Argo-C.png";
+            Option.Icon = $"{WebSiteOptions.CurrentValue.AssetRootPath}images/Argo-C.png";
             await WinBoxService.SetIcon(Option);
         }
     }

diff --git a/src/BootstrapBlazor.Shared/Components/Components/Header.razor b/src/BootstrapBlazor.Shared/Components/Components/Header.razor
@@ -1,5 +1,5 @@
 @inherits WebSiteModuleComponentBase
-@attribute [JSModuleAutoLoader("../_content/BootstrapBlazor.Shared/Components/Components/Header.razor.js")]
+@attribute [JSModuleAutoLoader("Components/Header.razor.js")]
 
 <header class="navbar-header navbar navbar-expand flex-column flex-md-row px-3">
     <div class="header-img navbar-brand">
@@ -34,12 +34,12 @@
     <ul class="navbar-nav nav-repo ms-3">
         <li class="nav-item">
             <a class="nav-link p-2" href="@WebsiteOption.CurrentValue.GithubRepositoryUrl" target="_blank">
-                <img alt="git" src="./_content/BootstrapBlazor.Shared/images/git.svg" />
+                <img alt="git" src="@WebsiteOption.CurrentValue.GetAssetUrl("images/git.svg")" />
             </a>
         </li>
         <li class="nav-item">
             <a class="nav-link p-2" href="@WebsiteOption.CurrentValue.GiteeRepositoryUrl" target="_blank">
-                <img alt="gitee" src="./_content/BootstrapBlazor.Shared/images/gitee.svg" />
+                <img alt="gitee" src="@WebsiteOption.CurrentValue.GetAssetUrl("images/gitee.svg")" />
             </a>
         </li>
         <li class="nav-item">

diff --git a/src/BootstrapBlazor.Shared/Components/Components/InstallContent.razor b/src/BootstrapBlazor.Shared/Components/Components/InstallContent.razor
@@ -5,6 +5,7 @@
 <h3>@Title</h3>
 
 <h4>@Localizer["Heading"]</h4>
+@inject IOptionsMonitor<WebsiteOptions> WebsiteOption
 
 <p>@Localizer["P1"]</p>
 <ul class="ul-demo">
@@ -23,17 +24,17 @@
 <p class="code-label">1. @Localizer["P11"]</p>
 <p class="code-label">2. @Localizer["P12"]</p>
 <p class="code-label">3. @Localizer["P13"] <b>Blazor App</b> @Localizer["P14"] <b>@Localizer["P15"]</b>, @Localizer["P16"] <b>Create</b></p>
-<img alt="install" src="./_content/BootstrapBlazor.Shared/images/create-new-application.png" style="border-radius: 6px;" class="d-none d-sm-block" />
+<img alt="install" src="@WebsiteOption.CurrentValue.GetAssetUrl("images/create-new-application.png")" style="border-radius: 6px;" class="d-none d-sm-block" />
 @ChooseTemplate
 
 <h5>@Localizer["P17"]</h5>
 <p class="code-label">1. @Localizer["P18"] <b>nuget.org</b> @Localizer["P19"] <code>BootstrapBlazor</code></p>
 <p>@Localizer["P20"] <b>Manage Nuget Packages</b></p>
 <Pre @key="@Version" class="no-highlight">dotnet add package BootstrapBlazor --version @Version</Pre>
-<img alt="install" src="./_content/BootstrapBlazor.Shared/images/manage-nuget-packages-for-server-app.png" style="border-radius: 6px;" class="d-none d-sm-block" />
+<img alt="install" src="@WebsiteOption.CurrentValue.GetAssetUrl("images/manage-nuget-packages-for-server-app.png")" style="border-radius: 6px;" class="d-none d-sm-block" />
 
 <p class="code-label">2. @Localizer["P21"]</p>
-<img alt="install" src="./_content/BootstrapBlazor.Shared/images/nuget_install.png" style="width: 1000px; border-radius: 6px;" class="d-none d-sm-block" />
+<img alt="install" src="@WebsiteOption.CurrentValue.GetAssetUrl("images/nuget_install.png")" style="width: 1000px; border-radius: 6px;" class="d-none d-sm-block" />
 
 <p class="code-label">3. @Localizer["P22"]</p>
 <p>@Localizer["P23"]</p>
@@ -92,4 +93,4 @@
 <p class="code-label">1. @Localizer["P39"] <code>Button</code> @Localizer["P40"]</p>
 <Pre>&lt;Button Color="Color.Primary" Icon="fa-solid fa-font-awesome" Text="@Localizer["P41"]" /&gt;</Pre>
 <p class="code-label">2. @Localizer["P42"] <b>Visual studio</b> @Localizer["P43"] <kbd>F5</kbd> @Localizer["P44"]</p>
-<img alt="install" src="./_content/BootstrapBlazor.Shared/images/preview.png" style="border-radius: 6px;" class="d-none d-sm-block" />
+<img alt="install" src="@WebsiteOption.CurrentValue.GetAssetUrl("images/preview.png")" style="border-radius: 6px;" class="d-none d-sm-block" />
diff --git a/src/BootstrapBlazor.Shared/Components/Components/Pre.razor b/src/BootstrapBlazor.Shared/Components/Components/Pre.razor
@@ -1,5 +1,6 @@
 @inherits WebSiteModuleComponentBase
-@attribute [JSModuleAutoLoader("../_content/BootstrapBlazor.Shared/Components/Components/Pre.razor.js")]
+@attribute [JSModuleAutoLoader("Components/Pre.razor.js")]
+@inject IOptionsMonitor<WebsiteOptions> WebsiteOption
 
 <div @attributes="@AdditionalAttributes" class="@ClassString" id="@Id" data-bb-title="@CopiedText">
     <p class="loading">@LoadingText</p>

diff --git a/src/BootstrapBlazor.Shared/Components/Components/Pre.razor.cs b/src/BootstrapBlazor.Shared/Components/Components/Pre.razor.cs
@@ -114,7 +114,7 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
     /// <inheritdoc/>
     /// </summary>
     /// <returns></returns>
-    protected override Task InvokeInitAsync() => InvokeVoidAsync("init", Id, CopiedText);
+    protected override Task InvokeInitAsync() => InvokeVoidAsync("init", Id, CopiedText, WebsiteOption.CurrentValue.AssetRootPath);
 
     private async Task GetCodeAsync()
     {

diff --git a/src/BootstrapBlazor.Shared/Components/Components/Pre.razor.js b/src/BootstrapBlazor.Shared/Components/Components/Pre.razor.js
@@ -1,15 +1,15 @@
 import { copy, getDescribedElement, addLink, removeLink, addScript, getHeight, getPreferredTheme } from "../../../BootstrapBlazor/modules/utility.js"
 import EventHandler from "../../../BootstrapBlazor/modules/event-handler.js"
 
-export async function init(id, title) {
+export async function init(id, title, assetRoot) {
     const el = document.getElementById(id);
     if (el === null) {
         return
     }
 
-    await addScript('./_content/BootstrapBlazor.Shared/lib/highlight/highlight.min.js')
-    await addScript('./_content/BootstrapBlazor.Shared/lib/highlight/cshtml-razor.min.js')
-    await switchTheme(getPreferredTheme());
+    await addScript(`${assetRoot}lib/highlight/highlight.min.js`)
+    await addScript(`${assetRoot}lib/highlight/cshtml-razor.min.js`)
+    await switchTheme(getPreferredTheme(), assetRoot);
 
     const preElement = el.querySelector('pre')
     const code = el.querySelector('pre > code')
@@ -78,14 +78,14 @@ export async function highlight(id) {
     }
 }
 
-export async function switchTheme(theme) {
+export async function switchTheme(theme, assetPath) {
     if (theme === 'dark') {
-        removeLink('./_content/BootstrapBlazor.Shared/lib/highlight/vs.min.css')
-        await addLink('./_content/BootstrapBlazor.Shared/lib/highlight/vs2015.min.css')
+        removeLink(`${assetPath}lib/highlight/vs.min.css`);
+        await addLink(`${assetPath}lib/highlight/vs2015.min.css`);
     }
     else {
-        removeLink('./_content/BootstrapBlazor.Shared/lib/highlight/vs2015.min.css');
-        await addLink('./_content/BootstrapBlazor.Shared/lib/highlight/vs.min.css')
+        removeLink(`${assetPath}lib/highlight/vs2015.min.css`);
+        await addLink(`${assetPath}lib/highlight/vs.min.css`);
     }
 }
 

diff --git a/src/BootstrapBlazor.Shared/Components/Components/ThemeChooser.razor b/src/BootstrapBlazor.Shared/Components/Components/ThemeChooser.razor
@@ -1,8 +1,9 @@
 @inherits WebSiteModuleComponentBase
-@attribute [JSModuleAutoLoader("../_content/BootstrapBlazor.Shared/Components/Components/ThemeChooser.razor.js")]
+@attribute [JSModuleAutoLoader("Components/ThemeChooser.razor.js")]
+@inject IOptionsMonitor<WebsiteOptions> WebsiteOption
 
 <div id="@Id" class="theme">
-    <PulseButton class="btn-fade btn-theme" Color="Color.None" ImageUrl="./_content/BootstrapBlazor.Shared/images/m.svg" TooltipText="@Title" TooltipPlacement="Placement.Left" />
+    <PulseButton class="btn-fade btn-theme" Color="Color.None" ImageUrl="@WebsiteOption.CurrentValue.GetAssetUrl("images/m.svg")" TooltipText="@Title" TooltipPlacement="Placement.Left" />
     <div class="theme-list">
         <div class="theme-header">
             <div class="flex-fill">@HeaderText</div>

diff --git a/src/BootstrapBlazor.Shared/Components/Components/ThemeChooser.razor.cs b/src/BootstrapBlazor.Shared/Components/Components/ThemeChooser.razor.cs
@@ -25,10 +25,6 @@ public partial class ThemeChooser
     [NotNull]
     private IStringLocalizer<ThemeChooser>? Localizer { get; set; }
 
-    [Inject]
-    [NotNull]
-    private IOptionsMonitor<WebsiteOptions>? SiteOptions { get; set; }
-
     /// <summary>
     /// OnInitialized 方法
     /// </summary>
@@ -38,21 +34,21 @@ protected override void OnInitialized()
 
         Title ??= Localizer[nameof(Title)];
         HeaderText ??= Localizer[nameof(HeaderText)];
-        Themes = SiteOptions.CurrentValue.Themes.Select(i => new SelectedItem { Text = i.Name, Value = i.Key });
-        SiteOptions.CurrentValue.CurrentTheme = "bootstrap";
+        Themes = WebsiteOption.CurrentValue.Themes.Select(i => new SelectedItem { Text = i.Name, Value = i.Key });
+        WebsiteOption.CurrentValue.CurrentTheme = "bootstrap";
     }
 
     private async Task OnClickTheme(SelectedItem item)
     {
-        SiteOptions.CurrentValue.CurrentTheme = item.Value;
-        var theme = SiteOptions.CurrentValue.Themes.Find(i => i.Key == item.Value);
+        WebsiteOption.CurrentValue.CurrentTheme = item.Value;
+        var theme = WebsiteOption.CurrentValue.Themes.Find(i => i.Key == item.Value);
         if (theme != null)
         {
             await InvokeVoidAsync("updateTheme", [theme.Files]);
         }
     }
 
     private string? GetThemeItemClass(SelectedItem item) => CssBuilder.Default("theme-item")
-        .AddClass("active", SiteOptions.CurrentValue.CurrentTheme == item.Value)
+        .AddClass("active", WebsiteOption.CurrentValue.CurrentTheme == item.Value)
         .Build();
 }
diff --git a/src/BootstrapBlazor.Shared/Components/Components/UpdateIntro.razor b/src/BootstrapBlazor.Shared/Components/Components/UpdateIntro.razor
@@ -1,6 +1,6 @@
 @inherits WebSiteModuleComponentBase
 @inject IStringLocalizer<UpdateIntro> Localizer
-@attribute [JSModuleAutoLoader("../_content/BootstrapBlazor.Shared/Components/Components/UpdateIntro.razor.js")]
+@attribute [JSModuleAutoLoader("Components/UpdateIntro.razor.js")]
 
 <div class="blazor-intro" id="@Id" data-bb-button=".blazor-intro-button" data-bb-version="@PackageVersionService.Version">
     <h5><b>Bootstrap Blazor</b> @Localizer["H1"] <span class="version">@PackageVersionService.Version</span></h5>
@@ -10,15 +10,15 @@
             <p>
                 @Localizer["P1"] <span class="version">@PackageVersionService.Version</span> @Localizer["P2"] <a target="_blank" href="@UpdateLogUrl"><b>[@Localizer["P3"]]</b></a> @Localizer["P4"] <b>Star</b>
                 <a class="px-2" href="@WebsiteOption.CurrentValue.GithubRepositoryUrl" target="_blank">
-                    <img src="./_content/BootstrapBlazor.Shared/images/git.svg" alt="github" />
+                    <img src="@WebsiteOption.CurrentValue.GetAssetUrl("images/git.svg")" alt="github" />
                 </a>
                 <a href="@WebsiteOption.CurrentValue.GiteeRepositoryUrl" target="_blank">
-                    <img src="./_content/BootstrapBlazor.Shared/images/gitee.svg" alt="gitee" />
+                    <img src="@WebsiteOption.CurrentValue.GetAssetUrl("images/gitee.svg")" alt="gitee" />
                 </a>
             </p>
         </div>
         <div class="blazor-intro-barcode">
-            <img src="./_content/BootstrapBlazor.Shared/images/[email protected]" alt="QQGroup" />
+            <img src="@WebsiteOption.CurrentValue.GetAssetUrl("images/[email protected]")" alt="QQGroup" />
             <div>QQ 795206915</div>
         </div>
     </div>