write: heterogeneous programming model

.gitignore

@@ -482,6 +482,3 @@ $RECYCLE.BIN/
 
 # Vim temporary swap files
 *.swp
-
-# Tailwind auto-generated stylesheet
-output.css

YaeBlog.Core/Abstractions/IEssayContentService.cs

@@ -1,13 +1,11 @@
 using System.Diagnostics.CodeAnalysis;
-using YaeBlog.Models;
+using YaeBlog.Core.Models;
 
-namespace YaeBlog.Abstraction;
+namespace YaeBlog.Core.Abstractions;
 
 public interface IEssayContentService
 {
-    public IEnumerable<BlogEssay> Essays { get; }
+    public IReadOnlyDictionary<string, BlogEssay> Essays { get; }
-
-    public int Count { get; }
 
     public IReadOnlyDictionary<EssayTag, List<BlogEssay>> Tags { get; }
 
@@ -18,8 +16,6 @@ public interface IEssayContentService
 
     public bool TryAdd(BlogEssay essay);
 
-    public bool TryGetEssay(string filename, [NotNullWhen(true)] out BlogEssay? essay);
-
     public void RefreshTags();
 
     public void Clear();

YaeBlog.Core/Abstractions/IEssayScanService.cs

@@ -1,6 +1,6 @@
-using YaeBlog.Models;
+using YaeBlog.Core.Models;
 
-namespace YaeBlog.Abstraction;
+namespace YaeBlog.Core.Abstractions;
 
 public interface IEssayScanService
 {

YaeBlog.Core/Abstractions/IPostRenderProcessor.cs

@@ -1,6 +1,6 @@
-using YaeBlog.Models;
+using YaeBlog.Core.Models;
 
-namespace YaeBlog.Abstraction;
+namespace YaeBlog.Core.Abstractions;
 
 public interface IPostRenderProcessor
 {

YaeBlog.Core/Abstractions/IPreRenderProcessor.cs

@@ -1,6 +1,6 @@
-using YaeBlog.Models;
+using YaeBlog.Core.Models;
 
-namespace YaeBlog.Abstraction;
+namespace YaeBlog.Core.Abstractions;
 
 public interface IPreRenderProcessor
 {

YaeBlog.Core/Components/_Imports.razor

@@ -0,0 +1,8 @@
+@using System.Net.Http
+@using System.Net.Http.Json
+@using Microsoft.AspNetCore.Components.Forms
+@using Microsoft.AspNetCore.Components.Routing
+@using Microsoft.AspNetCore.Components.Web
+@using static Microsoft.AspNetCore.Components.Web.RenderMode
+@using Microsoft.AspNetCore.Components.Web.Virtualization
+@using Microsoft.JSInterop

YaeBlog.Core/Extensions/ServiceCollectionExtensions.cs

@@ -1,8 +1,9 @@
 using Markdig;
+using Microsoft.Extensions.DependencyInjection;
 using YamlDotNet.Serialization;
 using YamlDotNet.Serialization.NamingConventions;
 
-namespace YaeBlog.Extensions;
+namespace YaeBlog.Core.Extensions;
 
 public static class ServiceCollectionExtensions
 {

YaeBlog.Core/Extensions/WebApplicationBuilderExtensions.cs

@@ -1,11 +1,13 @@
 using AngleSharp;
+using Microsoft.AspNetCore.Builder;
+using Microsoft.Extensions.DependencyInjection;
 using Microsoft.Extensions.Options;
-using YaeBlog.Abstraction;
+using YaeBlog.Core.Abstractions;
-using YaeBlog.Services;
+using YaeBlog.Core.Models;
-using YaeBlog.Models;
+using YaeBlog.Core.Processors;
-using YaeBlog.Processors;
+using YaeBlog.Core.Services;
 
-namespace YaeBlog.Extensions;
+namespace YaeBlog.Core.Extensions;
 
 public static class WebApplicationBuilderExtensions
 {
@@ -17,13 +19,14 @@ public static class WebApplicationBuilderExtensions
 
         builder.Services.AddMarkdig();
         builder.Services.AddYamlParser();
-        builder.Services.AddSingleton<AngleSharp.IConfiguration>(_ => Configuration.Default);
+        builder.Services.AddSingleton<IConfiguration>(_ => Configuration.Default);
         builder.Services.AddSingleton<IEssayScanService, EssayScanService>();
         builder.Services.AddSingleton<RendererService>();
         builder.Services.AddSingleton<IEssayContentService, EssayContentService>();
         builder.Services.AddTransient<ImagePostRenderProcessor>();
+        builder.Services.AddTransient<CodeBlockPostRenderProcessor>();
+        builder.Services.AddTransient<TablePostRenderProcessor>();
         builder.Services.AddTransient<HeadlinePostRenderProcessor>();
-        builder.Services.AddTransient<EssayStylesPostRenderProcessor>();
         builder.Services.AddTransient<BlogOptions>(provider =>
             provider.GetRequiredService<IOptions<BlogOptions>>().Value);
 

YaeBlog.Core/Extensions/WebApplicationExtensions.cs

@@ -1,16 +1,19 @@
-using YaeBlog.Abstraction;
+using Microsoft.AspNetCore.Builder;
-using YaeBlog.Processors;
+using Microsoft.Extensions.DependencyInjection;
-using YaeBlog.Services;
+using YaeBlog.Core.Abstractions;
+using YaeBlog.Core.Processors;
+using YaeBlog.Core.Services;
 
-namespace YaeBlog.Extensions;
+namespace YaeBlog.Core.Extensions;
 
 public static class WebApplicationExtensions
 {
     public static void UseYaeBlog(this WebApplication application)
     {
         application.UsePostRenderProcessor<ImagePostRenderProcessor>();
+        application.UsePostRenderProcessor<CodeBlockPostRenderProcessor>();
+        application.UsePostRenderProcessor<TablePostRenderProcessor>();
         application.UsePostRenderProcessor<HeadlinePostRenderProcessor>();
-        application.UsePostRenderProcessor<EssayStylesPostRenderProcessor>();
     }
 
     private static void UsePreRenderProcessor<T>(this WebApplication application) where T : IPreRenderProcessor

YaeBlog.Core/Models/AboutInfo.cs

@@ -0,0 +1,10 @@
+namespace YaeBlog.Core.Models;
+
+public class AboutInfo
+{
+    public required string Introduction { get; set; }
+
+    public required string Description { get; set; }
+
+    public required string AvatarImage { get; set; }
+}

YaeBlog.Core/Models/BlogContent.cs

@@ -1,4 +1,4 @@
-namespace YaeBlog.Models;
+namespace YaeBlog.Core.Models;
 
 public class BlogContent
 {
@@ -7,6 +7,4 @@ public class BlogContent
     public required MarkdownMetadata Metadata { get; init; }
 
     public required string FileContent { get; set; }
-
-    public bool IsDraft { get; set; } = false;
 }

YaeBlog.Core/Models/BlogContents.cs

@@ -1,6 +1,6 @@
 using System.Collections.Concurrent;
 
-namespace YaeBlog.Models;
+namespace YaeBlog.Core.Models;
 
 public sealed class BlogContents(ConcurrentBag<BlogContent> drafts, ConcurrentBag<BlogContent> posts)
 {

YaeBlog.Core/Models/BlogEssay.cs

@@ -1,4 +1,4 @@
-namespace YaeBlog.Models;
+namespace YaeBlog.Core.Models;
 
 public class BlogEssay : IComparable<BlogEssay>
 {
@@ -6,8 +6,6 @@ public class BlogEssay : IComparable<BlogEssay>
 
     public required string FileName { get; init; }
 
-    public required bool IsDraft { get; init; }
-
     public required DateTime PublishTime { get; init; }
 
     public required string Description { get; init; }
@@ -26,7 +24,6 @@ public class BlogEssay : IComparable<BlogEssay>
         {
             Title = Title,
             FileName = FileName,
-            IsDraft = IsDraft,
             PublishTime = PublishTime,
             Description = Description,
             WordCount = WordCount,
@@ -42,16 +39,10 @@ public class BlogEssay : IComparable<BlogEssay>
     {
         if (other is null)
         {
-            return -1;
+            return 1;
         }
 
-        // 草稿文章应当排在前面
+        return PublishTime.CompareTo(other.PublishTime);
-        if (IsDraft != other.IsDraft)
-        {
-            return IsDraft ? -1 : 1;
-        }
-
-        return other.PublishTime.CompareTo(PublishTime);
     }
 
     public override string ToString()

YaeBlog.Core/Models/BlogHeadline.cs

@@ -1,4 +1,4 @@
-namespace YaeBlog.Models;
+namespace YaeBlog.Core.Models;
 
 public class BlogHeadline(string title, string selectorId)
 {

YaeBlog.Core/Models/BlogOptions.cs

@@ -1,4 +1,4 @@
-namespace YaeBlog.Models;
+namespace YaeBlog.Core.Models;
 
 public class BlogOptions
 {

YaeBlog.Core/Models/EssayTag.cs

@@ -1,6 +1,6 @@
 using System.Text.Encodings.Web;
 
-namespace YaeBlog.Models;
+namespace YaeBlog.Core.Models;
 
 public class EssayTag(string tagName) : IEquatable<EssayTag>
 {

YaeBlog.Core/Models/FriendLink.cs

@@ -1,4 +1,4 @@
-namespace YaeBlog.Models;
+namespace YaeBlog.Core.Models;
 
 /// <summary>
 /// 友链模型类

YaeBlog.Core/Models/ImageScanResult.cs

@@ -1,3 +1,3 @@
-namespace YaeBlog.Models;
+namespace YaeBlog.Core.Models;
 
 public record struct ImageScanResult(List<FileInfo> UnusedImages, List<FileInfo> NotFoundImages);

YaeBlog.Core/Models/MarkdownMetadata.cs

@@ -1,4 +1,4 @@
-namespace YaeBlog.Models;
+namespace YaeBlog.Core.Models;
 
 public class MarkdownMetadata
 {

YaeBlog.Core/Processors/CodeBlockPostRenderProcessor.cs

@@ -0,0 +1,29 @@
+using AngleSharp;
+using AngleSharp.Dom;
+using YaeBlog.Core.Abstractions;
+using YaeBlog.Core.Models;
+
+namespace YaeBlog.Core.Processors;
+
+public class CodeBlockPostRenderProcessor : IPostRenderProcessor
+{
+    public async Task<BlogEssay> ProcessAsync(BlogEssay essay)
+    {
+        BrowsingContext context = new(Configuration.Default);
+        IDocument document = await context.OpenAsync(
+            req => req.Content(essay.HtmlContent));
+
+        IEnumerable<IElement> preElements = from e in document.All
+            where e.LocalName == "pre"
+            select e;
+
+        foreach (IElement element in preElements)
+        {
+            element.ClassList.Add("p-3 text-bg-secondary rounded-1");
+        }
+
+        return essay.WithNewHtmlContent(document.DocumentElement.OuterHtml);
+    }
+
+    public string Name => nameof(CodeBlockPostRenderProcessor);
+}

YaeBlog.Core/Processors/HeadlinePostRenderProcessor.cs

@@ -1,12 +1,13 @@
 using AngleSharp;
 using AngleSharp.Dom;
-using YaeBlog.Abstraction;
+using Microsoft.Extensions.Logging;
-using YaeBlog.Models;
+using YaeBlog.Core.Abstractions;
+using YaeBlog.Core.Models;
 
-namespace YaeBlog.Processors;
+namespace YaeBlog.Core.Processors;
 
 public class HeadlinePostRenderProcessor(
-    AngleSharp.IConfiguration angleConfiguration,
+    IConfiguration angleConfiguration,
     IEssayContentService essayContentService,
     ILogger<HeadlinePostRenderProcessor> logger) : IPostRenderProcessor
 {

YaeBlog.Core/Processors/ImagePostRenderProcessor.cs

@@ -1,21 +1,24 @@
 using AngleSharp;
 using AngleSharp.Dom;
+using Microsoft.Extensions.Logging;
 using Microsoft.Extensions.Options;
-using YaeBlog.Abstraction;
+using YaeBlog.Core.Abstractions;
 using YaeBlog.Core.Exceptions;
-using YaeBlog.Models;
+using YaeBlog.Core.Models;
 
-namespace YaeBlog.Processors;
+namespace YaeBlog.Core.Processors;
 
 public class ImagePostRenderProcessor(ILogger<ImagePostRenderProcessor> logger,
     IOptions<BlogOptions> options)
     : IPostRenderProcessor
 {
+    private static readonly IConfiguration s_configuration = Configuration.Default;
+
     private readonly BlogOptions _options = options.Value;
 
     public async Task<BlogEssay> ProcessAsync(BlogEssay essay)
     {
-        BrowsingContext context = new(Configuration.Default);
+        BrowsingContext context = new(s_configuration);
         IDocument html = await context.OpenAsync(
             req => req.Content(essay.HtmlContent));
 
@@ -31,6 +34,7 @@ public class ImagePostRenderProcessor(ILogger<ImagePostRenderProcessor> logger,
                 logger.LogDebug("Found image link: '{}'", attr.Value);
                 attr.Value = GenerateImageLink(attr.Value, essay.FileName);
             }
+            element.ClassList.Add("essay-image");
         }
         return essay.WithNewHtmlContent(html.DocumentElement.OuterHtml);
     }

YaeBlog.Core/Processors/TablePostRenderProcessor.cs

@@ -0,0 +1,34 @@
+using AngleSharp;
+using AngleSharp.Dom;
+using AngleSharp.Html.Dom;
+using YaeBlog.Core.Abstractions;
+using YaeBlog.Core.Models;
+
+namespace YaeBlog.Core.Processors;
+
+public class TablePostRenderProcessor: IPostRenderProcessor
+{
+    public async Task<BlogEssay> ProcessAsync(BlogEssay essay)
+    {
+        BrowsingContext browsingContext = new(Configuration.Default);
+        IDocument document = await browsingContext.OpenAsync(
+            req => req.Content(essay.HtmlContent));
+
+        IEnumerable<IHtmlTableElement> tableElements = from item in document.All
+            where item.LocalName == "table"
+            select item as IHtmlTableElement;
+
+        foreach (IHtmlTableElement element in tableElements)
+        {
+            IHtmlDivElement divElement = document.CreateElement<IHtmlDivElement>();
+            divElement.InnerHtml = element.OuterHtml;
+            divElement.ClassList.Add("py-2", "table-wrapper");
+
+            element.Replace(divElement);
+        }
+
+        return essay.WithNewHtmlContent(document.DocumentElement.OuterHtml);
+    }
+
+    public string Name => nameof(TablePostRenderProcessor);
+}

YaeBlog.Core/Services/BlogChangeWatcher.cs

@@ -1,7 +1,8 @@
-using Microsoft.Extensions.Options;
+using Microsoft.Extensions.Logging;
-using YaeBlog.Models;
+using Microsoft.Extensions.Options;
+using YaeBlog.Core.Models;
 
-namespace YaeBlog.Services;
+namespace YaeBlog.Core.Services;
 
 public sealed class BlogChangeWatcher : IDisposable
 {

YaeBlog.Core/Services/BlogHostedService.cs

@@ -1,4 +1,7 @@
-namespace YaeBlog.Services;
+using Microsoft.Extensions.Hosting;
+using Microsoft.Extensions.Logging;
+
+namespace YaeBlog.Core.Services;
 
 public class BlogHostedService(
     ILogger<BlogHostedService> logger,
@@ -6,12 +9,14 @@ public class BlogHostedService(
 {
     public async Task StartAsync(CancellationToken cancellationToken)
     {
-        logger.LogInformation("Failed to load cache, render essays.");
+        logger.LogInformation("Welcome to YaeBlog!");
+
         await rendererService.RenderAsync();
     }
 
     public Task StopAsync(CancellationToken cancellationToken)
     {
+        logger.LogInformation("YaeBlog stopped!\nHave a nice day!");
         return Task.CompletedTask;
     }
 }

YaeBlog.Core/Services/BlogHotReloadService.cs

@@ -0,0 +1,35 @@
+using Microsoft.Extensions.Hosting;
+using Microsoft.Extensions.Logging;
+using YaeBlog.Core.Abstractions;
+
+namespace YaeBlog.Core.Services;
+
+public sealed class BlogHotReloadService(
+    RendererService rendererService,
+    IEssayContentService essayContentService,
+    BlogChangeWatcher watcher,
+    ILogger<BlogHotReloadService> logger) : BackgroundService
+{
+    protected override async Task ExecuteAsync(CancellationToken stoppingToken)
+    {
+        logger.LogInformation("BlogHotReloadService is starting.");
+
+        await rendererService.RenderAsync();
+
+        while (!stoppingToken.IsCancellationRequested)
+        {
+            logger.LogDebug("Watching file changes...");
+            string? changFile = await watcher.WaitForChange(stoppingToken);
+
+            if (changFile is null)
+            {
+                logger.LogInformation("BlogHotReloadService is stopping.");
+                break;
+            }
+
+            logger.LogInformation("{} changed, re-rendering.", changFile);
+            essayContentService.Clear();
+            await rendererService.RenderAsync();
+        }
+    }
+}

YaeBlog.Core/Services/EssayContentService.cs

@@ -1,36 +1,23 @@
 using System.Collections.Concurrent;
 using System.Diagnostics.CodeAnalysis;
-using YaeBlog.Abstraction;
+using YaeBlog.Core.Abstractions;
-using YaeBlog.Models;
+using YaeBlog.Core.Models;
 
-namespace YaeBlog.Services;
+namespace YaeBlog.Core.Services;
 
 public class EssayContentService : IEssayContentService
 {
     private readonly ConcurrentDictionary<string, BlogEssay> _essays = new();
 
-    private readonly List<BlogEssay> _sortedEssays = [];
-
     private readonly Dictionary<EssayTag, List<BlogEssay>> _tags = [];
 
     private readonly ConcurrentDictionary<string, BlogHeadline> _headlines = new();
 
-    public bool TryAdd(BlogEssay essay)
+    public bool TryAdd(BlogEssay essay) => _essays.TryAdd(essay.FileName, essay);
-    {
-        _sortedEssays.Add(essay);
-        return _essays.TryAdd(essay.FileName, essay);
-    }
 
     public bool TryAddHeadline(string filename, BlogHeadline headline) => _headlines.TryAdd(filename, headline);
 
-    public IEnumerable<BlogEssay> Essays => _sortedEssays;
+    public IReadOnlyDictionary<string, BlogEssay> Essays => _essays;
-
-    public int Count => _sortedEssays.Count;
-
-    public bool TryGetEssay(string filename, [NotNullWhen(true)] out BlogEssay? essay)
-    {
-        return _essays.TryGetValue(filename, out essay);
-    }
 
     public IReadOnlyDictionary<EssayTag, List<BlogEssay>> Tags => _tags;
 

YaeBlog.Core/Services/EssayScanService.cs

@@ -1,13 +1,14 @@
 using System.Collections.Concurrent;
 using System.Text.RegularExpressions;
+using Microsoft.Extensions.Logging;
 using Microsoft.Extensions.Options;
-using YaeBlog.Abstraction;
+using YaeBlog.Core.Abstractions;
 using YaeBlog.Core.Exceptions;
-using YaeBlog.Models;
+using YaeBlog.Core.Models;
 using YamlDotNet.Core;
 using YamlDotNet.Serialization;
 
-namespace YaeBlog.Services;
+namespace YaeBlog.Core.Services;
 
 public partial class EssayScanService(
     ISerializer yamlSerializer,
@@ -22,8 +23,8 @@ public partial class EssayScanService(
         ValidateDirectory(_blogOptions.Root, out DirectoryInfo drafts, out DirectoryInfo posts);
 
         return new BlogContents(
-            await ScanContentsInternal(drafts, true),
+            await ScanContentsInternal(drafts),
-            await ScanContentsInternal(posts, false));
+            await ScanContentsInternal(posts));
     }
 
     public async Task SaveBlogContent(BlogContent content, bool isDraft = true)
@@ -60,7 +61,7 @@ public partial class EssayScanService(
         }
     }
 
-    private async Task<ConcurrentBag<BlogContent>> ScanContentsInternal(DirectoryInfo directory, bool isDraft)
+    private async Task<ConcurrentBag<BlogContent>> ScanContentsInternal(DirectoryInfo directory)
     {
         // 扫描以md结果的但是不是隐藏文件的文件
         IEnumerable<FileInfo> markdownFiles = from file in directory.EnumerateFiles()
@@ -97,8 +98,7 @@ public partial class EssayScanService(
 
                     contents.Add(new BlogContent
                     {
-                        FileName = filename[..^3], Metadata = metadata, FileContent = content[(endPos + 3)..],
+                        FileName = filename[..^3], Metadata = metadata, FileContent = content[(endPos + 3)..]
-                        IsDraft = isDraft
                     });
                 }
                 catch (YamlException e)
@@ -133,12 +133,13 @@ public partial class EssayScanService(
     private static Task<ImageScanResult> ScanUnusedImagesInternal(IEnumerable<BlogContent> contents,
         DirectoryInfo root)
     {
+        Regex imageRegex = ImageRegex();
         ConcurrentBag<FileInfo> unusedImage = [];
         ConcurrentBag<FileInfo> notFoundImage = [];
 
         Parallel.ForEach(contents, content =>
         {
-            MatchCollection result = ImagePattern.Matches(content.FileContent);
+            MatchCollection result = imageRegex.Matches(content.FileContent);
             DirectoryInfo imageDirectory = new(Path.Combine(root.FullName, content.FileName));
 
             Dictionary<string, bool> usedDictionary;
@@ -181,7 +182,7 @@ public partial class EssayScanService(
     }
 
     [GeneratedRegex(@"\!\[.*?\]\((.*?)\)")]
-    private static partial Regex ImagePattern { get; }
+    private static partial Regex ImageRegex();
 
     private void ValidateDirectory(string root, out DirectoryInfo drafts, out DirectoryInfo posts)
     {

YaeBlog.Core/Services/RendererService.cs

@@ -3,11 +3,12 @@ using System.Diagnostics;
 using System.Text;
 using System.Text.RegularExpressions;
 using Markdig;
-using YaeBlog.Abstraction;
+using Microsoft.Extensions.Logging;
+using YaeBlog.Core.Abstractions;
 using YaeBlog.Core.Exceptions;
-using YaeBlog.Models;
+using YaeBlog.Core.Models;
 
-namespace YaeBlog.Services;
+namespace YaeBlog.Core.Services;
 
 public partial class RendererService(
     ILogger<RendererService> logger,
@@ -21,43 +22,40 @@ public partial class RendererService(
 
     private readonly List<IPostRenderProcessor> _postRenderProcessors = [];
 
-    public async Task RenderAsync(bool includeDrafts = false)
+    public async Task RenderAsync()
     {
         _stopwatch.Start();
         logger.LogInformation("Render essays start.");
 
         BlogContents contents = await essayScanService.ScanContents();
         List<BlogContent> posts = contents.Posts.ToList();
-        if (includeDrafts)
-        {
-            posts.AddRange(contents.Drafts);
-        }
-
         IEnumerable<BlogContent> preProcessedContents = await PreProcess(posts);
 
         List<BlogEssay> essays = [];
-        foreach (BlogContent content in preProcessedContents)
+        await Task.Run(() =>
         {
-            uint wordCount = GetWordCount(content);
+            foreach (BlogContent content in preProcessedContents)
-            BlogEssay essay = new()
             {
-                Title = content.Metadata.Title ?? content.FileName,
+                uint wordCount = GetWordCount(content);
-                FileName = content.FileName,
+                BlogEssay essay = new()
-                IsDraft = content.IsDraft,
+                {
-                Description = GetDescription(content),
+                    Title = content.Metadata.Title ?? content.FileName,
-                WordCount = wordCount,
+                    FileName = content.FileName,
-                ReadTime = CalculateReadTime(wordCount),
+                    Description = GetDescription(content),
-                PublishTime = content.Metadata.Date ?? DateTime.Now,
+                    WordCount = wordCount,
-                HtmlContent = content.FileContent
+                    ReadTime = CalculateReadTime(wordCount),
-            };
+                    PublishTime = content.Metadata.Date ?? DateTime.Now,
+                    HtmlContent = content.FileContent
+                };
 
-            if (content.Metadata.Tags is not null)
+                if (content.Metadata.Tags is not null)
-            {
+                {
-                essay.Tags.AddRange(content.Metadata.Tags);
+                    essay.Tags.AddRange(content.Metadata.Tags);
+                }
+
+                essays.Add(essay);
             }
-
+        });
-            essays.Add(essay);
-        }
 
         ConcurrentBag<BlogEssay> postProcessEssays = [];
         Parallel.ForEach(essays, essay =>
@@ -69,16 +67,7 @@ public partial class RendererService(
             logger.LogDebug("Render markdown file {}.", newEssay);
         });
 
-        IEnumerable<BlogEssay> postProcessedEssays = await PostProcess(postProcessEssays);
+        await PostProcess(postProcessEssays);
-
-        foreach (BlogEssay essay in postProcessedEssays)
-        {
-            if (!essayContentService.TryAdd(essay))
-            {
-                throw new BlogFileException($"There are at least two essays with filename '{essay.FileName}'.");
-            }
-        }
-
         essayContentService.RefreshTags();
 
         _stopwatch.Stop();
@@ -129,10 +118,8 @@ public partial class RendererService(
         return processedContents;
     }
 
-    private async Task<IEnumerable<BlogEssay>> PostProcess(IEnumerable<BlogEssay> essays)
+    private async Task PostProcess(IEnumerable<BlogEssay> essays)
     {
-        ConcurrentBag<BlogEssay> processedContents = [];
-
         await Parallel.ForEachAsync(essays, async (essay, _) =>
         {
             foreach (IPostRenderProcessor processor in _postRenderProcessors)
@@ -140,18 +127,16 @@ public partial class RendererService(
                 essay = await processor.ProcessAsync(essay);
             }
 
-            processedContents.Add(essay);
+            if (!essayContentService.TryAdd(essay))
+            {
+                throw new BlogFileException(
+                    $"There are two essays with the same name: '{essay.FileName}'.");
+            }
         });
-
-        List<BlogEssay> result = processedContents.ToList();
-        result.Sort();
-
-        return result;
     }
 
     [GeneratedRegex(@"(?<!\\)[^\#\*_\-\+\`{}\[\]!~]+")]
-    // private static partial Regex DescriptionPattern();
+    private static partial Regex DescriptionPattern();
-    private static partial Regex DescriptionPattern { get; }
 
     private string GetDescription(BlogContent content)
     {
@@ -167,7 +152,7 @@ public partial class RendererService(
         }
 
         string rawContent = content.FileContent[..pos];
-        MatchCollection matches = DescriptionPattern.Matches(rawContent);
+        MatchCollection matches = DescriptionPattern().Matches(rawContent);
 
         StringBuilder builder = new();
         foreach (Match match in matches)

YaeBlog.Core/YaeBlog.Core.csproj

@@ -0,0 +1,25 @@
+<Project Sdk="Microsoft.NET.Sdk.Razor">
+
+  <PropertyGroup>
+    <TargetFramework>net8.0</TargetFramework>
+    <Nullable>enable</Nullable>
+    <ImplicitUsings>enable</ImplicitUsings>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <FrameworkReference Include="Microsoft.AspNetCore.App" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <PackageReference Include="AngleSharp" Version="1.1.0" />
+    <PackageReference Include="Markdig" Version="0.34.0" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="8.0.6" />
+    <PackageReference Include="Microsoft.Extensions.Hosting" Version="8.0.0" />
+    <PackageReference Include="YamlDotNet" Version="13.7.1" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <Folder Include="wwwroot\" />
+  </ItemGroup>
+
+</Project>

YaeBlog.sln

@@ -3,6 +3,8 @@ Microsoft Visual Studio Solution File, Format Version 12.00
 # Visual Studio Version 17
 VisualStudioVersion = 17.0.31903.59
 MinimumVisualStudioVersion = 10.0.40219.1
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "YaeBlog.Core", "YaeBlog.Core\YaeBlog.Core.csproj", "{1671A8AE-78F6-4641-B97D-D8ABA5E9CBEF}"
+EndProject
 Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "YaeBlog", "YaeBlog\YaeBlog.csproj", "{20438EFD-8DDE-43AF-92E2-76495C29233C}"
 EndProject
 Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = ".gitea", ".gitea", "{9B5AAA29-37D8-454A-8D8F-3E6B6BCF38E6}"
@@ -27,6 +29,10 @@ Global
 		Release|Any CPU = Release|Any CPU
 	EndGlobalSection
 	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{1671A8AE-78F6-4641-B97D-D8ABA5E9CBEF}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{1671A8AE-78F6-4641-B97D-D8ABA5E9CBEF}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{1671A8AE-78F6-4641-B97D-D8ABA5E9CBEF}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{1671A8AE-78F6-4641-B97D-D8ABA5E9CBEF}.Release|Any CPU.Build.0 = Release|Any CPU
 		{20438EFD-8DDE-43AF-92E2-76495C29233C}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
 		{20438EFD-8DDE-43AF-92E2-76495C29233C}.Debug|Any CPU.Build.0 = Debug|Any CPU
 		{20438EFD-8DDE-43AF-92E2-76495C29233C}.Release|Any CPU.ActiveCfg = Release|Any CPU

YaeBlog/Commands/Binders/BlogOptionsBinder.cs

@@ -1,7 +1,7 @@
 using System.CommandLine.Binding;
 using System.Text.Json;
 using Microsoft.Extensions.Options;
-using YaeBlog.Models;
+using YaeBlog.Core.Models;
 
 namespace YaeBlog.Commands.Binders;
 

YaeBlog/Commands/Binders/EssayScanServiceBinder.cs

@@ -1,8 +1,8 @@
 using System.CommandLine.Binding;
 using Microsoft.Extensions.Options;
-using YaeBlog.Abstraction;
+using YaeBlog.Core.Abstractions;
-using YaeBlog.Models;
+using YaeBlog.Core.Models;
-using YaeBlog.Services;
+using YaeBlog.Core.Services;
 using YamlDotNet.Serialization;
 using YamlDotNet.Serialization.NamingConventions;
 

YaeBlog/Commands/CommandExtensions.cs

@@ -1,32 +1,15 @@
 using System.CommandLine;
 using YaeBlog.Commands.Binders;
 using YaeBlog.Components;
-using YaeBlog.Extensions;
+using YaeBlog.Core.Extensions;
-using YaeBlog.Models;
+using YaeBlog.Core.Models;
-using YaeBlog.Services;
+using YaeBlog.Core.Services;
 
 namespace YaeBlog.Commands;
 
-public sealed class YaeBlogCommand
+public static class CommandExtensions
 {
-    private readonly RootCommand _rootCommand = new("YaeBlog Cli");
+    public static void AddServeCommand(this RootCommand rootCommand)
-
-    public YaeBlogCommand()
-    {
-        AddServeCommand(_rootCommand);
-        AddWatchCommand(_rootCommand);
-        AddListCommand(_rootCommand);
-        AddNewCommand(_rootCommand);
-        AddPublishCommand(_rootCommand);
-        AddScanCommand(_rootCommand);
-    }
-
-    public Task<int> RunAsync(string[] args)
-    {
-        return _rootCommand.InvokeAsync(args);
-    }
-
-    private static void AddServeCommand(RootCommand rootCommand)
     {
         Command serveCommand = new("serve", "Start http server.");
         rootCommand.AddCommand(serveCommand);
@@ -38,6 +21,7 @@ public sealed class YaeBlogCommand
             builder.Services.AddRazorComponents()
                 .AddInteractiveServerComponents();
             builder.Services.AddControllers();
+            builder.Services.AddBlazorBootstrap();
             builder.AddYaeBlog();
             builder.AddServer();
 
@@ -56,7 +40,7 @@ public sealed class YaeBlogCommand
         });
     }
 
-    private static void AddWatchCommand(RootCommand rootCommand)
+    public static void AddWatchCommand(this RootCommand rootCommand)
     {
         Command command = new("watch", "Start a blog watcher that re-render when file changes.");
         rootCommand.AddCommand(command);
@@ -68,6 +52,7 @@ public sealed class YaeBlogCommand
             builder.Services.AddRazorComponents()
                 .AddInteractiveServerComponents();
             builder.Services.AddControllers();
+            builder.Services.AddBlazorBootstrap();
             builder.AddYaeBlog();
             builder.AddWatcher();
 
@@ -86,7 +71,7 @@ public sealed class YaeBlogCommand
         });
     }
 
-    private static void AddNewCommand(RootCommand rootCommand)
+    public static void AddNewCommand(this RootCommand rootCommand)
     {
         Command newCommand = new("new", "Create a new blog file and image directory.");
         rootCommand.AddCommand(newCommand);
@@ -116,7 +101,7 @@ public sealed class YaeBlogCommand
             new EssayScanServiceBinder());
     }
 
-    private static void AddListCommand(RootCommand rootCommand)
+    public static void AddListCommand(this RootCommand rootCommand)
     {
         Command command = new("list", "List all blogs");
         rootCommand.AddCommand(command);
@@ -139,7 +124,7 @@ public sealed class YaeBlogCommand
         }, new BlogOptionsBinder(), new LoggerBinder<EssayScanService>(), new EssayScanServiceBinder());
     }
 
-    private static void AddScanCommand(RootCommand rootCommand)
+    public static void AddScanCommand(this RootCommand rootCommand)
     {
         Command command = new("scan", "Scan unused and not found images.");
         rootCommand.AddCommand(command);
@@ -180,7 +165,7 @@ public sealed class YaeBlogCommand
         }, new BlogOptionsBinder(), new LoggerBinder<EssayScanService>(), new EssayScanServiceBinder(), removeOption);
     }
 
-    private static void AddPublishCommand(RootCommand rootCommand)
+    public static void AddPublishCommand(this RootCommand rootCommand)
     {
         Command command = new("publish", "Publish a new blog file.");
         rootCommand.AddCommand(command);

YaeBlog/Components/Anchor.razor

@@ -1,9 +0,0 @@
-<a href="@Address" class="text-blue-600" target="@(NewPage ? "_blank" : "_self")">@Text</a>
-
-@code {
-    [Parameter] public string? Address { get; set; }
-
-    [Parameter] public string? Text { get; set; }
-
-    [Parameter] public bool NewPage { get; set; }
-}

YaeBlog/Components/App.razor

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="zh">
+<html lang="en">
 
 <head>
     <meta charset="utf-8"/>
@@ -7,14 +7,22 @@
     <base href="/"/>
     <link rel="stylesheet" href="YaeBlog.styles.css"/>
     <link rel="icon" href="images/favicon.ico"/>
+    <link rel="stylesheet" href="bootstrap.min.css"/>
+    <link rel="stylesheet" href="bootstrap-icons.min.css"/>
+    <link rel="stylesheet" href="_content/Blazor.Bootstrap/blazor.bootstrap.css"/>
     <link rel="stylesheet" href="globals.css"/>
-    <link rel="stylesheet" href="output.css"/>
     <HeadOutlet/>
 </head>
 
 <body>
-    <Routes/>
+<Routes/>
-    <script src="_framework/blazor.web.js"></script>
+
+<script src="_framework/blazor.web.js"></script>
+<script src="bootstrap.bundle.min.js"></script>
+<script src="clipboard.min.js"></script>
+<script>
+    const clipboard = new ClipboardJS('.btn');
+</script>
 </body>
 
 </html>

YaeBlog/Components/BlogInformationCard.razor

@@ -1,49 +1,57 @@
-@using YaeBlog.Abstraction
+@using YaeBlog.Core.Abstractions
-@using YaeBlog.Models
+@using YaeBlog.Core.Models
 
 @inject IEssayContentService Contents
 @inject BlogOptions Options
 
-<div class="flex flex-col">
+<div class="container">
-    <div class="p-10">
+    <div class="row justify-content-center">
-        <img src="images/avatar.png" alt="Ricardo's Avatar" class="h-auto max-w-full"/>
+        <div class="col-auto p-4">
+            <Image Src="images/avatar.png" Alt="Ricardo's avatar"/>
+        </div>
     </div>
 
-    <div class="px-10 py-2 text-xl">
+    <div class="row justify-content-center p-3">
-        “奇奇怪怪东西的聚合地”
+        <div class="col-auto fs-4">
+            “奇奇怪怪东西的聚合地”
+        </div>
     </div>
 
-    <div class="flex flex-row justify-between px-6 py-2 text-xl">
+    <div class="row justify-content-between px-2 py-1 fs-5">
-        <div>
+        <div class="col-auto">
             文章
         </div>
 
-        <a href="/blog/archives/">
+        <div class="col-auto">
-            <div>
+            <a href="/blog/archives">
-                @(Contents.Count)
+                @(Contents.Essays.Count)
-            </div>
+            </a>
-        </a>
+        </div>
     </div>
 
-    <div class="flex flex-row justify-between px-6 py-2 text-xl">
+    <div class="row justify-content-between px-2 py-1 fs-5">
-        <div>
+        <div class="col-auto">
             标签
         </div>
 
-        <a href="/blog/tags/">
+        <div class="col-auto">
-            <div>
+            <a href="/blog/tags">
                 @(Contents.Tags.Count)
-            </div>
+            </a>
-        </a>
+        </div>
     </div>
 
-    <div class="text-xl px-2 py-2">
+    <div class="row justify-content-start fs-5" style="padding-top: 2em">
-        广而告之
+        <div class="col-auto">
+            广而告之
+        </div>
     </div>
 
-    <div class="px-6">
+    <div class="row">
-        <p class="text-lg">
+        <div class="col">
-            @(Options.Announcement)
+            <p style="text-indent: 2em">
-        </p>
+                @(Options.Announcement)
+            </p>
+        </div>
     </div>
 </div>

YaeBlog/Components/EssayCard.razor

@@ -1,19 +1,19 @@
 @using System.Text.Encodings.Web
-@using YaeBlog.Models
+@using YaeBlog.Core.Models
 
-<div class="flex flex-col p-3">
+<div class="container p-3">
-    <div class="text-3xl font-bold py-2">
+    <div class="row fs-2 fw-bold py-2 essay-title">
         <a href="/blog/essays/@(Essay.FileName)" target="_blank">@(Essay.Title)</a>
     </div>
 
-    <div class="p-2 flex flex-row justify-content-start gap-2">
+    <div class="row p-2 justify-content-start">
-        <div class="font-light">
+        <div class="col-auto fw-light">
             @(Essay.PublishTime.ToString("yyyy-MM-dd"))
         </div>
 
         @foreach (string key in Essay.Tags)
         {
-            <div class="text-sky-600">
+            <div class="col-auto">
                 <a href="/blog/tags/?tagName=@(UrlEncoder.Default.Encode(key))">
                     # @key
                 </a>
@@ -21,11 +21,20 @@
         }
     </div>
 
-    <div class="p-2">
+    <div class="row p-2">
-        @(Essay.Description)
+        <div class="col">
+            @(Essay.Description)
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="col border-bottom">
+
+        </div>
     </div>
 </div>
 
 @code {
-    [Parameter] public required BlogEssay Essay { get; set; }
+    [Parameter]
+    public required BlogEssay Essay { get; set; }
 }

YaeBlog/Components/EssayCard.razor.css

@@ -0,0 +1,3 @@
+.essay-title a {
+    color: var(--bs-body-color);
+}

YaeBlog/Components/Foonter.razor

@@ -1,22 +1,14 @@
-<div class="flex flex-col text-center py-2">
+<div class="row align-items-end text-center">
-    <div>
+    <div class="row">
-        <p class="text-md">
+        <p class="fs-6">
-            2021 - @(DateTimeOffset.Now.Year) ©
+            2021 - @(DateTimeOffset.Now.Year) © <a href="https://rrricardo.top" target="_blank">Ricardo Ren</a>，
-            <Anchor Address="https://rrricardot.top" Text="Ricardo Ren"/>
+            由 <a href="https://dotnet.microsoft.com/zh-cn/" target="_blank">.NET @(Environment.Version)</a> 驱动。
-            ，由
-            <Anchor Address="https://dotnet.microsoft.com" Text="@DotnetVersion"/>
-            驱动。
         </p>
     </div>
 
-    <div>
+    <div class="row">
-        <p class="text-md">
+        <p class="fs-6">
-            <a href="https://beian.miit.gov.cn" target="_blank" class="text-black">蜀ICP备2022004429号-1</a>
+            <a href="https://beian.miit.gov.cn" target="_blank">蜀ICP备2022004429号-1</a>
         </p>
     </div>
 </div>
-
-@code
-{
-    private string DotnetVersion => $".NET {Environment.Version}";
-}

YaeBlog/Components/LicenseDisclaimer.razor

@@ -1,33 +1,36 @@
-@using YaeBlog.Models
+@using YaeBlog.Core.Models
+
 @inject BlogOptions Options
 
-<div class="px-4 py-8 border border-sky-700 rounded-md bg-sky-200">
+<div class="row px-2 py-4 copyright border border-primary rounded-1 bg-primary-subtle">
-    <div class="flex flex-col gap-3 text-md">
+    <div class="col">
-        <div>
+        <div class="row p-1">
-            文章作者：<a href="https://rrricardo.top" target="_blank" class="text-blue-600">Ricardo Ren</a>
+            <div class="col">
+                文章作者：<a href="https://rrricardo.top" target="_blank">Ricardo Ren</a>
+            </div>
         </div>
 
-        <div>
+        <div class="row p-1">
-            文章地址：
+            <div class="col">
-            <a href="/blog/essays/@(EssayFilename)" target="_blank" class="text-blue-600">
+                文章地址：
-                @($"https://rrricardo.top/blog/essays/{EssayFilename}")
+                <a href="/blog/essays/@(EssayAddress)" target="_blank">
-            </a>
+                    @($"https://rrricardo.top/blog/essays/{EssayAddress}")
+                </a>
+            </div>
         </div>
 
-        <div>
+        <div class="row p-1">
-            版权声明：本博客所有文章除特别声明外，均采用
+            <div class="col">
-            <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank" class="text-blue-600">
+                版权声明：本博客所有文章除特别声明外，均采用
-                CC BY-NC-SA 4.0
+                <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">CC BY-NC-SA 4.0</a>
-            </a>
+                许可协议，转载请注明来自
-            许可协议，诸位读者如有兴趣可任意转载，不必征询许可，但请注明“转载自
+                <a href="https://rrricardo.top/blog/" target="_blank">Ricardo's Blog</a>。
-            <a href="https://rrricardo.top/blog/" target="_blank" class="text-blue-600">
+            </div>
-                Ricardo's Blog
-            </a>”。
         </div>
     </div>
 </div>
 
 @code
 {
-    [Parameter] public string? EssayFilename { get; set; }
+    [Parameter] public string? EssayAddress { get; set; }
 }

YaeBlog/Components/LicenseDisclaimer.razor.css

@@ -0,0 +1,2 @@
+.copyright {
+}

YaeBlog/Components/PageAnchor.razor

@@ -1,22 +0,0 @@
-@if (Selected)
-{
-    <div class="border rounded-lg shadow-neutral-500 bg-sky-400 w-8 h-8 inline-block leading-8 text-center">
-        <span class="text-white">@(Text)</span>
-    </div>
-}
-else
-{
-    <a href="@Address">
-        <div class="border rounded-lg shadow-neutral-500 w-8 h-8 inline-block leading-8 text-center">
-            <span>@(Text)</span>
-        </div>
-    </a>
-}
-
-@code {
-    [Parameter] public string? Address { get; set; }
-
-    [Parameter] public string? Text { get; set; }
-
-    [Parameter] public bool Selected { get; set; }
-}

YaeBlog/Components/Pagination.razor

@@ -1,46 +0,0 @@
-<div class="flex flex-row justify-center gap-3">
-    @if (Page != 1)
-    {
-        <PageAnchor Address="@GenerateAddress(Page - 1)" Text="<"/>
-    }
-
-    @if (Page == 1)
-    {
-        <PageAnchor Address="@GenerateAddress(1)" Text="1" Selected="@true"/>
-
-        <PageAnchor Address="@GenerateAddress(2)" Text="2"/>
-
-        <PageAnchor Address="@GenerateAddress(3)" Text="3"/>
-    }
-    else if (Page == PageCount)
-    {
-        <PageAnchor Address="@GenerateAddress(PageCount - 2)" Text="@($"{PageCount - 2}")"/>
-
-        <PageAnchor Address="@GenerateAddress(PageCount - 1)" Text="@($"{PageCount - 1}")"/>
-
-        <PageAnchor Address="@GenerateAddress(PageCount)" Text="@($"{PageCount}")" Selected="@true"/>
-    }
-    else
-    {
-        <PageAnchor Address="@GenerateAddress(Page - 1)" Text="@($"{Page - 1}")"/>
-
-        <PageAnchor Address="@GenerateAddress(Page)" Text="@($"{Page}")" Selected="@true"/>
-
-        <PageAnchor Address="@GenerateAddress(Page + 1)" Text="@($"{Page + 1}")"/>
-    }
-
-    @if (Page != PageCount)
-    {
-        <PageAnchor Address="@GenerateAddress(Page + 1)" Text=">"/>
-    }
-</div>
-
-@code {
-    [Parameter] public string? BaseUrl { get; set; }
-
-    [Parameter] public int PageCount { get; set; }
-
-    [Parameter] public int Page { get; set; }
-
-    private string GenerateAddress(int page) => $"{BaseUrl}?page={page}";
-}

YaeBlog/Dockerfile

@@ -1,7 +1,7 @@
-FROM mcr.microsoft.com/dotnet/aspnet:9.0
+FROM mcr.microsoft.com/dotnet/aspnet:8.0
 
 WORKDIR /app
-COPY bin/Release/net9.0/publish/ ./
+COPY bin/Release/net8.0/publish/ ./
 COPY source/ ./source/
 COPY appsettings.json .
 

YaeBlog/Layout/BlogLayout.razor

@@ -2,41 +2,60 @@
 
 @attribute [StreamRendering]
 
-<main class="container mx-auto flex flex-col min-h-screen">
+<main class="container">
-    <div class="grid grid-cols-3 mx-3">
+    <div class="row d-none d-xl-flex" style="height: 80px">
-        <div class="md:col-span-2 col-span-3 h-20 flex items-center">
+        <div class="px-2 col-9">
-            <a href="/blog/">
+            <a href="/blog/" class="p-2">
-                <span class="text-blue-600 text-2xl">Ricardo's Blog</span>
+                <h4>Ricardo's Blog</h4>
             </a>
         </div>
 
-        <div class="md:col-span-1 col-span-3 h-20 flex items-center">
+        <div class="col-3 d-flex justify-content-around align-items-center">
-            <div class="flex flex-row w-full px-2 gap-3 md:justify-center justify-end">
+            <a href="/blog/" class="p-2">
-                <div>
+                <h5>首页</h5>
-                    <a href="/blog/archives/">
+            </a>
-                        <span class="text-xl text-blue-600">归档</span>
+
-                    </a>
+            <a href="/blog/archives/" class="p-2">
-                </div>
+                <h5>归档</h5>
-                <div>
+            </a>
-                    <a href="/blog/tags/">
+
-                        <span class="text-xl text-blue-600">标签</span>
+            <a href="/blog/tags/" class="p-2">
-                    </a>
+                <h5>标签</h5>
-                </div>
+            </a>
-                <div>
+
-                    <a href="/about/" target="_blank">
+            <a href="/blog/about/" class="p-2">
-                        <span class="text-xl text-blue-600">关于</span>
+                <h5>关于</h5>
-                    </a>
+            </a>
-                </div>
-                <div>
-                    <a href="/friends/" target="_blank">
-                        <span class="text-xl text-blue-600">友链</span>
-                    </a>
-                </div>
-            </div>
         </div>
     </div>
 
-    <div class="px-4 py-2 flex-grow">
+    <div class="row d-xl-none">
+        <div class="px-2 col-12">
+            <a href="/blog/" class="p-2">
+                <h4>Ricardo's Blog</h4>
+            </a>
+        </div>
+
+        <div class="px-2 col-12 justify-content-end d-flex">
+            <a href="/blog/" class="p-2">
+                <h5>首页</h5>
+            </a>
+
+            <a href="/blog/archives/" class="p-2">
+                <h5>归档</h5>
+            </a>
+
+            <a href="/blog/tags/" class="p-2">
+                <h5>标签</h5>
+            </a>
+
+            <a href="/blog/about/" class="p-2">
+                <h5>关于</h5>
+            </a>
+        </div>
+    </div>
+
+    <div class="row px-4 py-2">
         @Body
     </div>
 

YaeBlog/Layout/MainLayout.razor

@@ -1,34 +1,21 @@
 @inherits LayoutComponentBase
 
-<main class="container mx-auto min-h-screen flex flex-col">
+<main class="container">
-    <div class="grid grid-cols-4">
+    <div class="row" style="height: 80px">
-        <div class="px-2 md:col-span-3 col-span-4 h-20 flex items-center">
+        <div class="px-2 col-8">
-            <a href="/" class="text-2xl">
+            <a href="/" class="p-2">
-                <h4 class="text-blue-600">Ricardo's Index</h4>
+                <h4>Ricardo's Index</h4>
             </a>
         </div>
 
-        <div class="md:col-span-1 col-span-4 h-20 flex items-center">
+        <div class="col-4 d-flex justify-content-around align-items-center">
-            <div class="flex flex-row w-full px-2 md:justify-center justify-end text-xl gap-3">
+            <a href="mailto://shicangjuner@outlook.com" class="p-2" target="_blank">
-                <Anchor
+                <h5>E-mail</h5>
-                    Address="/blog/"
+            </a>
-                    Text="博客"
-                    NewPage="@(true)"/>
-
-                <Anchor
-                    Address="/about/"
-                    Text="关于"
-                    NewPage="@(true)"/>
-
-                <Anchor
-                    Address="/friends"
-                    Text="友链"
-                    NewPage="@(true)"/>
-            </div>
         </div>
     </div>
 
-    <div class="px-4 mx-auto flex-grow">
+    <div class="row px-4 center">
         <div class="py-2">
             @Body
         </div>

YaeBlog/Layout/MainLayout.razor.css

@@ -0,0 +1,8 @@
+.center {
+    margin: 0 auto;
+    max-width: 48em;
+    min-height: calc(100vh - 80px);
+    position: relative;
+    display: flex;
+    flex-direction: column;
+}

YaeBlog/Pages/About.razor

@@ -1,74 +1,141 @@
-@page "/about"
+@page "/blog/about"
+@using YaeBlog.Core.Models
+
+@inject BlogOptions Options
 
 <PageTitle>
     关于
 </PageTitle>
 
-<div class="flex flex-col">
+<div class="container">
-    <div>
+    <div class="row">
-        <h1 class="text-4xl">关于</h1>
+        <div class="col">
+            <h1>关于</h1>
+        </div>
     </div>
 
-    <div class="py-4">
+    <div class="row">
-        <span class="italic">把字刻在石头上！(･’ω’･)</span>
+        <div class="col fst-italic py-2">
+            把字刻在石头上！(･’ω’･)
+        </div>
     </div>
 
-    <div class="flex flex-col p-2">
+    <div class="row p-2">
-        <div class="flex flex-col p-2">
+        <div class="col">
-            <div class="pb-2">
+            <div class="row">
-                <h3 class="text-2xl">关于我</h3>
+                <div class="col">
+                    <h3>关于我</h3>
+                </div>
             </div>
 
-            <div class="py-2">
+            <div class="row py-2">
-                计算机科学与技术在读大学生，明光村幼儿园附属大学所属。正处于读书和失业的叠加态。
+                <div class="col">
-                一般在互联网上使用<span class="italic">初冬的朝阳</span>或者<span class="italic">jackfiled</span>的名字活动。
+                    计算机科学与技术在读大学生，明光村幼儿园附属大学所属。正处于读书和失业的叠加态。
-                <span class="line-through">都是ICP备案过的人了，网名似乎没有太大的用处（</span>
+                    一般在互联网上使用<span class="fst-italic">初冬的朝阳</span>或者<span class="fst-italic">jackfiled</span>的名字活动。
+                    <span class="text-decoration-line-through">都是ICP备案过的人了，网名似乎没有太大的用处（</span>
+                </div>
             </div>
 
-            <div class="py-2">
+            <div class="row py-2">
-                主要是一个C#程序员，目前也在尝试写一点Rust。
+                <div class="col">
-                总体上对于编程语言的态度是“<span>大家都是我的翅膀.jpg</span>”。
+                    主要是一个C#程序员，目前也在尝试写一点Rust。
-                前后端分离的项目本当上手。
+                    总体上对于编程语言的态度是“<span>大家都是我的翅膀.jpg</span>”。
-                常常因为现实的压力而写一些C/C++。
+                    前后端分离的项目本当上手。
-                <span class="line-through">对于Java和Go的评价很低。</span>
+                    常常因为现实的压力而写一些C/C++。
-                日常使用ArchLinux。
+                    <span class="text-decoration-line-through">对于Java和Go的评价很低。</span>
+                    日常使用ArchLinux。
+                </div>
             </div>
 
-            <div class="py-2">
+            <div class="row py-2">
-                100%社恐。日常生活是宅在电脑前面自言自语。
+                <div class="col">
-                兴趣活动是读书和看番，目前在玩原神和三角洲。
+                    100%社恐。日常生活是宅在电脑前面自言自语。兴趣活动是读书和看番。
+                </div>
             </div>
 
-            <div class="py-4">
+            <div class="row py-2">
-                常常被人批评没有梦想，这里就随便瞎编一下。
+                <div class="col">
-                成为嵌入式工程师，修好桌面上的<a href="https://www.bilibili.com/video/BV1VA411p7MD">HoloCubic</a>。
+                    常常被人批评没有梦想，这里就随便瞎编一下。
-                完成第一个不是课程设计的个人开源项目。
+                    成为嵌入式工程师，修好桌面上的<a href="https://www.bilibili.com/video/BV1VA411p7MD">HoloCubic</a>。
-                遇到能够搭伙过日子的人也算是一大梦想，虽然社恐人根本不知道从何开始的说，
+                    完成第一个不是课程设计的个人开源项目。
-                <span class="line-through">什么时候天上才能掉美少女？</span>
+                    遇到能够搭伙过日子的人也算是一大梦想，虽然社恐人根本不知道从何开始的说，
+                    <span class="text-decoration-line-through">什么时候天上才能掉美少女？</span>
+                </div>
             </div>
 
-            <div class="py-2">
+            <div class="row py-2">
-                公开的联系渠道是<a href="mailto:shicangjuner@outlook.com">电子邮件</a>。
+                <div class="col">
-                也可以试试在各大平台搜索上面提到的名字。
+                    公开的联系渠道是<a href="mailto:shicangjuner@outlook.com">电子邮件</a>。
+                    也可以试试在各大平台搜索上面提到的名字。
+                </div>
             </div>
         </div>
+    </div>
 
-        <div class="flex flex-col p-2">
+    <div class="row p-2">
-            <div class="pb-2">
+        <div class="col">
-                <h3 class="text-2xl">关于本站</h3>
+            <div class="row">
+                <div class="col">
+                    <h3>关于本站</h3>
+                </div>
             </div>
 
-            <div class="py-2">
+            <div class="row py-2">
-                本站肇始于2021年下半年，在开始的两年中个人网站和博客是分别的两个网站，个人网站是裸HTML写的，博客是用
+                <div class="col">
-                <a href="https://hexo.io">Hexo</a>渲染的。
+                    本站肇始于2021年下半年，在开始的两年中个人网站和博客是分别的两个网站，个人网站是裸HTML写的，博客是用
+                    <a href="https://hexo.io">Hexo</a>渲染的。
+                </div>
             </div>
 
-            <div class="py-2">
+            <div class="row py-2">
-                2024年，我们决定使用.NET技术完全重构两个网站，合二为一。虽然目前这个版本还是一个半成品，但是我们一定会努力的~（确信。
+                <div class="col">
+                    2024年，我们决定使用.NET技术完全重构两个网站，合二为一。虽然目前这个版本还是一个半成品，但是我们一定会努力的~（确信。
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="row p-2">
+        <div class="col">
+            <div class="row">
+                <div class="col">
+                    <h3>友链</h3>
+                </div>
             </div>
 
-            <div class="py-2">
+            <div class="row py-2">
-                2025年，我们将使用的样式库从Bootstrap迁移到Tailwind CSS，将现代的前端技术同Blazor结合起来。
+                <div class="col fst-italic">
+                    欢迎所有人联系我添加友链！(´｡✪ω✪｡｀)
+                </div>
+            </div>
+
+            <div class="row py-2">
+                @foreach (FriendLink link in Options.Links)
+                {
+                    <div class="col-sm-12 col-md-4 col-lg-3">
+                        <a href="@(link.Link)" target="_blank" class="m-3">
+                            <div class="row link-item">
+                                <div class="col-4">
+                                    <Image Src="@(link.AvatarImage)" Alt="@(link.Name)" Style="border-radius: 50%"/>
+                                </div>
+
+                                <div class="col-8">
+                                    <div class="row">
+                                        <div class="col-auto fs-5">
+                                            @(link.Name)
+                                        </div>
+                                    </div>
+
+                                    <div class="row">
+                                        <div class="col-auto fst-italic">
+                                            @(link.Description)
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </a>
+                    </div>
+                }
             </div>
         </div>
     </div>

YaeBlog/Pages/About.razor.css

@@ -0,0 +1,8 @@
+.link-item {
+    padding: 1rem;
+    border-radius: 4px;
+}
+
+.link-item:hover {
+    background-color: var(--bs-secondary-bg);
+}

YaeBlog/Pages/Archives.razor

@@ -1,6 +1,6 @@
 @page "/blog/archives"
-@using YaeBlog.Abstraction
+@using YaeBlog.Core.Abstractions
-@using YaeBlog.Models
+@using YaeBlog.Core.Models
 
 @inject IEssayContentService Contents
 
@@ -8,56 +8,68 @@
     归档
 </PageTitle>
 
-<div class="flex flex-col">
+<div class="container">
-    <div>
+    <div class="row">
-        <h1 class="text-4xl">归档</h1>
+        <div class="col">
-    </div>
+            <div class="container">
-
+                <div class="row">
-    <div class="py-4">
+                    <div class="col">
-        <span class="italic">
+                        <h1>归档</h1>
-            时光图书馆，黑历史集散地。(๑◔‿◔๑)
+                    </div>
-        </span>
-    </div>
-
-    @foreach (IGrouping<DateTime, BlogEssay> group in _essays)
-    {
-        <div class="p-2">
-            <div class="flex flex-col">
-                <div>
-                    <h3 class="text-xl">@(group.Key.Year)</h3>
                 </div>
 
-                <div class="px-4 py-4 flex flex-col">
+                <div class="row">
-                    @foreach (BlogEssay essay in group)
+                    <div class="col fst-italic py-4">
-                    {
+                        时光图书馆，黑历史集散地。(๑◔‿◔๑)
-                        <a target="_blank" href="@($"/blog/essays/{essay.FileName}")">
+                    </div>
-                            <div class="flex flex-row p-2 mx-1 rounded-lg hover:bg-gray-300">
+                </div>
-                                <div class="w-20">
+            </div>
-                                    @(essay.PublishTime.ToString("MM月dd日"))
+        </div>
+    </div>
+
+    @foreach (IGrouping<DateTime, KeyValuePair<string, BlogEssay>> group in _essays)
+    {
+        <div class="row">
+            <div class="col">
+                <div class="container">
+                    <div class="row">
+                        <div class="col">
+                            <h3>@(group.Key.Year)</h3>
+                        </div>
+                    </div>
+
+                    <div class="container px-3 py-2">
+                        @foreach (KeyValuePair<string, BlogEssay> essay in group)
+                        {
+                            <div class="row py-1">
+                                <div class="col-auto">
+                                    @(essay.Value.PublishTime.ToString("MM-dd"))
                                 </div>
 
-                                <div>
+                                <div class="col-auto">
-                                    <span class="text-blue-600">
+                                    <a href="/blog/essays/@(essay.Key)">
-                                        @(essay.Title)
+                                        @(essay.Value.Title)
-                                    </span>
+                                    </a>
                                 </div>
                             </div>
-                        </a>
+                        }
-                    }
+                    </div>
                 </div>
             </div>
         </div>
     }
+
 </div>
 
 @code {
-    private readonly List<IGrouping<DateTime, BlogEssay>> _essays = [];
+    private readonly List<IGrouping<DateTime, KeyValuePair<string, BlogEssay>>> _essays = [];
 
     protected override void OnInitialized()
     {
         base.OnInitialized();
 
         _essays.AddRange(from essay in Contents.Essays
-            group essay by new DateTime(essay.PublishTime.Year, 1, 1));
+            orderby essay.Value.PublishTime descending
+            group essay by new DateTime(essay.Value.PublishTime.Year, 1, 1));
     }
 }

YaeBlog/Pages/BlogIndex.razor

@@ -1,6 +1,6 @@
 @page "/blog"
-@using YaeBlog.Abstraction
+@using YaeBlog.Core.Abstractions
-@using YaeBlog.Models
+@using YaeBlog.Core.Models
 
 @inject IEssayContentService Contents
 @inject NavigationManager NavigationInstance
@@ -9,18 +9,79 @@
     Ricardo's Blog
 </PageTitle>
 
-<div>
+<div class="container">
-    <div class="grid grid-cols-4">
+    <div class="row">
-        <div class="col-span-4 md:col-span-3">
+        <div class="col-sm-12 col-md-9">
-            @foreach (BlogEssay essay in _essays)
+            @foreach (KeyValuePair<string, BlogEssay> pair in _essays)
             {
-                <EssayCard Essay="@(essay)"/>
+                <EssayCard Essay="@(pair.Value)"/>
             }
 
-            <Pagination BaseUrl="/blog/" Page="_page" PageCount="_pageCount"/>
+            <div class="row align-items-center justify-content-center p-3">
+                @if (_page == 1)
+                {
+                    <div class="col-auto fw-light">上一页</div>
+                }
+                else
+                {
+                    <div class="col-auto">
+                        <a href="/blog/?page=@(_page - 1)">上一页</a>
+                    </div>
+                }
+
+                @if (_page == 1)
+                {
+                    <div class="col-auto">
+                        1
+                    </div>
+                    <div class="col-auto">
+                        <a href="/blog/?page=2">2</a>
+                    </div>
+                    <div class="col-auto">
+                        <a href="/blog/?page=3">3</a>
+                    </div>
+                }
+                else if (_page == _pageCount)
+                {
+                    <div class="col-auto">
+                        <a href="/blog/?page=@(_pageCount - 2)">@(_pageCount - 2)</a>
+                    </div>
+                    <div class="col-auto">
+                        <a href="/blog/?page=@(_pageCount - 1)">@(_pageCount - 1)</a>
+                    </div>
+                    <div class="col-auto">
+                        @(_pageCount)
+                    </div>
+                }
+                else
+                {
+                    <div class="col-auto">
+                        <a href="/blog/?page=@(_page - 1)">@(_page - 1)</a>
+                    </div>
+                    <div class="col-auto">
+                        @(_page)
+                    </div>
+                    <div class="col-auto">
+                        <a href="/blog/?page=@(_page + 1)">@(_page + 1)</a>
+                    </div>
+                }
+
+                @if (_page == _pageCount)
+                {
+                    <div class="col-auto fw-light">
+                        下一页
+                    </div>
+                }
+                else
+                {
+                    <div class="col-auto">
+                        <a href="/blog/?page=@(_page + 1)">下一页</a>
+                    </div>
+                }
+            </div>
         </div>
 
-        <div class="col-span-4 md:col-span-1">
+        <div class="col-sm-12 col-md-3">
             <BlogInformationCard/>
         </div>
     </div>
@@ -30,7 +91,7 @@
 
     [SupplyParameterFromQuery] private int? Page { get; set; }
 
-    private readonly List<BlogEssay> _essays = [];
+    private readonly List<KeyValuePair<string, BlogEssay>> _essays = [];
     private const int EssaysPerPage = 8;
     private int _pageCount = 1;
     private int _page = 1;
@@ -38,15 +99,16 @@
     protected override void OnInitialized()
     {
         _page = Page ?? 1;
-        _pageCount = Contents.Count / EssaysPerPage + 1;
+        _pageCount = Contents.Essays.Count / EssaysPerPage + 1;
 
-        if (EssaysPerPage * _page > Contents.Count + EssaysPerPage)
+        if (EssaysPerPage * _page > Contents.Essays.Count + EssaysPerPage)
         {
             NavigationInstance.NavigateTo("/NotFount");
             return;
         }
 
         _essays.AddRange(Contents.Essays
+            .OrderByDescending(p => p.Value.PublishTime)
             .Skip((_page - 1) * EssaysPerPage)
             .Take(EssaysPerPage));
     }

YaeBlog/Pages/BlogIndex.razor.css

@@ -0,0 +1,7 @@
+.essay-title a {
+    color: var(--bs-body-color);
+}
+
+.read-more a {
+    color: var(--bs-body-color);
+}

YaeBlog/Pages/Essays.razor

@@ -1,7 +1,7 @@
 @page "/blog/essays/{BlogKey}"
 @using System.Text.Encodings.Web
-@using YaeBlog.Abstraction
+@using YaeBlog.Core.Abstractions
-@using YaeBlog.Models
+@using YaeBlog.Core.Models
 
 @inject IEssayContentService Contents
 @inject NavigationManager NavigationInstance
@@ -10,87 +10,96 @@
     @(_essay!.Title)
 </PageTitle>
 
-<div class="flex flex-col py-8">
+<div class="container py-4">
-    <div>
+    <div class="row">
-        <h1 id="title" class="text-4xl">@(_essay!.Title)</h1>
         <div class="col-auto">
+            <h1 id="title">@(_essay!.Title)</h1>
         </div>
     </div>
 
-    <div class="px-6 pt-4 pb-2">
+    <div class="row px-4 py-1">
-        <div class="flex flex-row gap-4">
+        <div class="col-auto fw-light">
-            <div class="font-light">
+            @(_essay!.PublishTime.ToString("yyyy-MM-dd"))
-                @(_essay!.PublishTime.ToString("yyyy-MM-dd"))
+        </div>
+
+        @foreach (string tag in _essay!.Tags)
+        {
+            <div class="col-auto">
+                <a href="/blog/tags/?tagName=@(UrlEncoder.Default.Encode(tag))">
+                    # @(tag)
+                </a>
             </div>
-
+        }
-            @foreach (string tag in _essay!.Tags)
-            {
-                <div class="text-sky-500">
-                    <a href="/blog/tags/?tagName=@(UrlEncoder.Default.Encode(tag))">
-                        # @(tag)
-                    </a>
-                </div>
-            }
-        </div>
     </div>
 
-    <div class="px-6 pt-2 pb-4">
+    <div class="row px-4 py-1">
-        <div class="font-light">
+        <div class="col-auto fw-light">
             总字数：@(_essay!.WordCount)字，预计阅读时间 @(_essay!.ReadTime)。
         </div>
     </div>
 
-    <div class="grid grid-cols-3">
+    <div class="row">
-        <div class="col-span-3 md:col-span-2 flex flex-col gap-3">
+        <div class="col-lg-8 col-md-12">
-            <div>
+            @((MarkupString)_essay!.HtmlContent)
-                @((MarkupString)_essay!.HtmlContent)
-            </div>
 
-            <div>
+            <LicenseDisclaimer EssayAddress="@BlogKey"/>
-                <LicenseDisclaimer EssayFilename="@BlogKey"/>
-            </div>
         </div>
 
-        <div class="col-span-3 md:col-span-1">
+        <div class="col-lg-4 col-md-12">
-            <div class="flex flex-col sticky top-0 px-8">
+            <div class="row sticky-lg-top justify-content-center">
-                <div>
+                <div class="col-auto">
-                    <h3 class="text-2xl">文章目录</h3>
-                </div>
-
-                <div>
-                    @foreach (BlogHeadline level2 in _headline!.Children)
-                    {
-                        <div class="py-2 pl-3">
-                            <Anchor Address="@(GenerateSelectorUrl(level2.SelectorId))"
-                                    Text="@(level2.Title)"/>
-                        </div>
-
-                        @foreach (BlogHeadline level3 in level2.Children)
-                        {
-                            <div class="py-2 pl-6">
-                                <Anchor Address="@(GenerateSelectorUrl(level3.SelectorId))"
-                                        Text="@(level3.Title)"/>
-                            </div>
-
-                            @foreach (BlogHeadline level4 in level3.Children)
-                            {
-                                <div class="py-2 pl-9">
-                                    <Anchor Address="@(GenerateSelectorUrl(level4.SelectorId))"
-                                            Text="@(level4.Title)"/>
-                                </div>
-                            }
-                        }
-                    }
-                </div>
-
-                @if (_headline!.Children.Count == 0)
-                {
                     <div class="row">
-                        <div class="col fst-italic">
+                        <div class="col-auto">
-                            坏了(* Ŏ∀Ŏ)，没有在文章中识别到目录
+                            <h3 style="margin-block-start: 1em; margin-block-end: 0.5em">
+                                文章目录
+                            </h3>
                         </div>
                     </div>
-                }
+
+                    <div class="row" style="padding-left: 10px">
+                        <div class="col-auto">
+                            @foreach (BlogHeadline level2 in _headline!.Children)
+                            {
+                                <div class="row py-1">
+                                    <div class="col-auto">
+                                        <a href="@(GenerateSelectorUrl(level2.SelectorId))">@(level2.Title)</a>
+                                    </div>
+                                </div>
+
+                                @foreach (BlogHeadline level3 in level2.Children)
+                                {
+                                    <div class="row py-1">
+                                        <div class="col-auto">
+                                            <a style="padding-left: 20px" href="@GenerateSelectorUrl(level3.SelectorId)">
+                                                @(level3.Title)
+                                            </a>
+                                        </div>
+                                    </div>
+
+                                    @foreach (BlogHeadline level4 in level3.Children)
+                                    {
+                                        <div class="row py-1">
+                                            <div class="col-auto">
+                                                <a style="padding-left: 40px" href="@(GenerateSelectorUrl(level4.SelectorId))">
+                                                    @(level4.Title)
+                                                </a>
+                                            </div>
+                                        </div>
+                                    }
+                                }
+                            }
+                        </div>
+                    </div>
+
+                    @if (_headline!.Children.Count == 0)
+                    {
+                        <div class="row">
+                            <div class="col fst-italic">
+                                坏了(* Ŏ∀Ŏ)，没有在文章中识别到目录
+                            </div>
+                        </div>
+                    }
+                </div>
             </div>
         </div>
     </div>
@@ -114,7 +123,7 @@
             return;
         }
 
-        if (!Contents.TryGetEssay(BlogKey, out _essay))
+        if (!Contents.Essays.TryGetValue(BlogKey, out _essay))
         {
             NavigationInstance.NavigateTo("/NotFound");
         }

YaeBlog/Pages/Friends.razor

@@ -1,49 +0,0 @@
-@page "/friends"
-@using YaeBlog.Models
-@inject BlogOptions Options
-
-<PageTitle>
-    友链
-</PageTitle>
-
-<div class="flex flex-col">
-    <div>
-        <h1 class="text-4xl">
-            友链
-        </h1>
-    </div>
-
-    <div class="py-4">
-        欢迎所有人联系我添加友链！(´｡✪ω✪｡｀)
-    </div>
-
-    <div class="grid grid-cols-4 g-4 p-2">
-        @foreach (FriendLink link in Options.Links)
-        {
-            <div>
-                <a href="@(link.Link)" target="_blank" class="mx-5">
-                    <div class="flex flex-row">
-                        <div class="basis-1/3">
-                            <img src="@(link.AvatarImage)" alt="@($"Avatar of {link.Name}")"
-                                 class="w-full h-auto rounded-full">
-                        </div>
-
-                        <div class="flex flex-col basis-2/3 px-2">
-                            <div class="text-lg">
-                                @(link.Name)
-                            </div>
-
-                            <div class="text-sm italic">
-                                @(link.Description)
-                            </div>
-                        </div>
-                    </div>
-                </a>
-            </div>
-        }
-    </div>
-</div>
-
-@code {
-
-}

YaeBlog/Pages/Index.razor

@@ -4,28 +4,28 @@
     Ricardo's Index
 </PageTitle>
 
-<div class="mx-20">
+<div class="container">
-    <div class="grid grid-cols-3 py-4">
+    <div class="row py-4">
-        <div class="col-span-3 md:col-span-1 p-5 p-lg-0">
+        <div class="col-lg-4 col-12 p-5 p-lg-0">
-            <img src="images/avatar.png" alt="Ricardo's Avatar" class="h-auto max-w-full">
+            <Image Src="images/avatar.png" Alt="Ricardo's Avatar"/>
         </div>
 
-        <div class="col-span-3 md:col-span-2">
+        <div class="col-lg-8 col-12">
-            <div class="flex flex-col px-3 gap-y-3">
+            <div class="container px-3">
-                <div class="">
+                <div class="row">
-                    <div class="text-3xl font-bold">初冬的朝阳 (Ricardo Ren)</div>
+                    <h4 class="fw-bold">初冬的朝阳 (Ricardo Ren)</h4>
                 </div>
 
-                <div class="">
+                <div class="row">
-                    <p class="text-lg">a.k.a jackfiled</p>
+                    <p class="fs-5">a.k.a jackfiled</p>
                 </div>
 
-                <div class="">
+                <div class="row">
-                    <p class="text-lg italic">世界很大，时间很长。</p>
+                    <p class="fs-5 fst-italic">世界很大，时间很长。</p>
                 </div>
 
-                <div class="">
+                <div class="row">
-                    <p class="text-lg">
+                    <p class="fs-5">
                         平平无奇的计算机科学与技术学徒，连微小的贡献都没做。
                     </p>
                 </div>
@@ -33,22 +33,20 @@
         </div>
     </div>
 
-    <div class="py-5">
+    <div class="row" style="padding-top: 80px">
-        <p class="text-lg">恕我不能亲自为您沏茶（？），还是非常欢迎您能够来到我的主页。</p>
+        <p class="fs-5">恕我不能亲自为您沏茶（？），还是非常欢迎您能够来到我的主页。</p>
     </div>
 
-    <div>
+    <div class="row">
-        <p class="text-lg py-1">
+        <p class="fs-5">
-            如果您想四处看看，了解一下屏幕对面的人，可以在我的 <Anchor Address="/blog/" Text="博客"/> 看看。
+            如果您想四处看看，了解一下屏幕对面的人，可以在我的 <a href="/blog/">博客</a> 看看。
             如果您对于明光村幼儿园某附属技校的计算机教学感兴趣，您可以移步到
-            <Anchor Address="https://jackfiled.github.io/wiki/" Text="我的学习笔记"/>，
+            <a href="https://jackfiled.github.io/wiki/">我的学习笔记</a>，
             <span class="fs-5 text-decoration-line-through">虽然这笔记我自己也木有看过。</span>
-            如果您想批判一下我的代码，在
+            如果您想批判一下我的代码，在 <a href="https://github.com/jackfiled" target="_blank">Github</a> 和
-            <Anchor Address="https://github.com/jackfiled/" Text="Github"/> 和
+            <a href="https://git.rrricardo.top/jackfiled/" target="_blank">Gitea</a> 都可以找到。
-            <Anchor Address="https://git.rrricardo.top/jackfiled/" Text="Gitea"/>
-            都可以找到。
         </p>
-        <p class="text-lg py-1">
+        <p class="fs-5">
             如果您真的很闲，也可以四处搜寻一下，也许存在着一些不为人知的彩蛋。
         </p>
     </div>

YaeBlog/Pages/NotFound.razor

@@ -4,8 +4,8 @@
     啊~ 页面走丢啦~
 </PageTitle>
 
-<div>
+<div class="container">
-    <h3 class="text-3xl">NotFound!</h3>
+    <h3>NotFound!</h3>
 </div>
 
 @code {

YaeBlog/Pages/Tags.razor

@@ -1,7 +1,7 @@
 @page "/blog/tags/"
 @using System.Text.Encodings.Web
-@using YaeBlog.Abstraction
+@using YaeBlog.Core.Abstractions
-@using YaeBlog.Models
+@using YaeBlog.Core.Models
 
 @inject IEssayContentService Contents
 @inject NavigationManager NavigationInstance
@@ -10,22 +10,24 @@
     @(TagName ?? "标签")
 </PageTitle>
 
-<div class="flex flex-col">
+<div class="container">
-    <div>
+    <div class="row">
-        @if (TagName is null)
+        <div class="col">
-        {
+            @if (TagName is null)
-            <h1 class="text-4xl">标签</h1>
+            {
-        }
+                <h1>标签</h1>
-        else
+            }
-        {
+            else
-            <h2 class="text-2xl">@(TagName)</h2>
+            {
-        }
+                <h2>@(TagName)</h2>
+            }
+        </div>
     </div>
 
-    <div class="py-4">
+    <div class="row">
-        <span class="italic">
+        <div class="col fst-italic py-4">
             在野外游荡的指针，走向未知的方向。٩(๑˃̵ᴗ˂̵๑)۶
-        </span>
+        </div>
     </div>
 
     @if (TagName is null)
@@ -36,17 +38,19 @@
                           Contents.Tags.OrderByDescending(pair => pair.Value.Count))
                 {
                     <li class="p-2">
-                        <div class="flex flex-row">
+                        <a href="/blog/tags/?tagName=@(pair.Key.UrlEncodedTagName)">
-                            <a href="/blog/tags/?tagName=@(pair.Key.UrlEncodedTagName)">
+                            <div class="container fs-5">
-                                <div class="text-sky-600 text-lg">
+                                <div class="row">
-                                    # @(pair.Key.TagName)
+                                    <div class="col-auto">
-                                </div>
+                                        # @(pair.Key.TagName)
-                            </a>
+                                    </div>
 
-                            <div class="mx-2 px-1 text-lg bg-gray-300 rounded-lg">
+                                    <div class="col-auto tag-count">
-                                @(pair.Value.Count)
+                                        @(pair.Value.Count)
+                                    </div>
+                                </div>
                             </div>
-                        </div>
+                        </a>
                     </li>
                 }
             </ul>

YaeBlog/Pages/Tags.razor.css

@@ -0,0 +1,6 @@
+.tag-count {
+    background: var(--bs-secondary-bg);
+    border-radius: 5px;
+    padding: 0 6px;
+}
+

YaeBlog/Processors/EssayStylesPostRenderProcessor.cs

@@ -1,102 +0,0 @@
-using AngleSharp;
-using AngleSharp.Dom;
-using YaeBlog.Abstraction;
-using YaeBlog.Models;
-
-namespace YaeBlog.Processors;
-
-/// <summary>
-/// 向渲染的HTML中插入Tailwind CSS的渲染后处理器
-/// </summary>
-public sealed class EssayStylesPostRenderProcessor : IPostRenderProcessor
-{
-    public string Name => nameof(EssayStylesPostRenderProcessor);
-
-    public async Task<BlogEssay> ProcessAsync(BlogEssay essay)
-    {
-        BrowsingContext context = new(Configuration.Default);
-        IDocument document = await context.OpenAsync(
-            req => req.Content(essay.HtmlContent));
-
-        ApplyGlobalCssStyles(document);
-        BeatifyTable(document);
-
-        return essay.WithNewHtmlContent(document.DocumentElement.OuterHtml);
-    }
-
-    private readonly Dictionary<string, string> _globalCssStyles = new()
-    {
-        { "pre", "p-4 bg-slate-300 rounded-sm overflow-x-auto" },
-        { "h2", "text-3xl font-bold py-4" },
-        { "h3", "text-2xl font-bold py-3" },
-        { "h4", "text-xl font-bold py-2" },
-        { "h5", "text-lg font-bold py-1" },
-        { "p", "p-2" },
-        { "img", "w-11/12 block mx-auto my-2 rounded-md shadow-md" },
-        { "ul", "list-disc pl-2" }
-    };
-
-    private void ApplyGlobalCssStyles(IDocument document)
-    {
-        foreach ((string tag, string style) in _globalCssStyles)
-        {
-            foreach (IElement element in document.GetElementsByTagName(tag))
-            {
-                element.ClassList.Add(style);
-            }
-        }
-    }
-
-    private static void BeatifyTable(IDocument document)
-    {
-        foreach (IElement element in from e in document.All
-                 where e.LocalName == "table"
-                 select e)
-        {
-            element.ClassList.Add("mx-auto border-collapse table-auto overflow-x-auto");
-
-            // thead元素
-            foreach (IElement headElement in from e in element.Children
-                     where e.LocalName == "thead"
-                     select e)
-            {
-                headElement.ClassList.Add("bg-slate-200");
-
-                // tr in thead
-                foreach (IElement trElement in from e in headElement.Children
-                         where e.LocalName == "tr"
-                         select e)
-                {
-                    trElement.ClassList.Add("border border-slate-300");
-
-                    // th in tr
-                    foreach (IElement thElement in from e in trElement.Children
-                             where e.LocalName == "th"
-                             select e)
-                    {
-                        thElement.ClassList.Add("px-4 py-1");
-                    }
-                }
-            }
-
-            // tbody元素
-            foreach (IElement bodyElement in from e in element.Children
-                     where e.LocalName == "tbody"
-                     select e)
-            {
-                // tr in tbody
-                foreach (IElement trElement in from e in bodyElement.Children
-                         where e.LocalName == "tr"
-                         select e)
-                {
-                    foreach (IElement tdElement in from e in trElement.Children
-                             where e.LocalName == "td"
-                             select e)
-                    {
-                        tdElement.ClassList.Add("px-4 py-1 border border-slate-300");
-                    }
-                }
-            }
-        }
-    }
-}

YaeBlog/Program.cs

@@ -1,4 +1,13 @@
+using System.CommandLine;
 using YaeBlog.Commands;
 
-YaeBlogCommand command = new();
+RootCommand rootCommand = new("YaeBlog CLI");
-await command.RunAsync(args);
+
+rootCommand.AddServeCommand();
+rootCommand.AddNewCommand();
+rootCommand.AddListCommand();
+rootCommand.AddWatchCommand();
+rootCommand.AddScanCommand();
+rootCommand.AddPublishCommand();
+
+await rootCommand.InvokeAsync(args);

YaeBlog/Services/BlogHotReloadService.cs

@@ -1,41 +0,0 @@
-using YaeBlog.Abstraction;
-
-namespace YaeBlog.Services;
-
-public sealed class BlogHotReloadService(
-    RendererService rendererService,
-    IEssayContentService essayContentService,
-    BlogChangeWatcher watcher,
-    ILogger<BlogHotReloadService> logger) : BackgroundService
-{
-    protected override async Task ExecuteAsync(CancellationToken stoppingToken)
-    {
-        logger.LogInformation("Hot reload is starting...");
-        logger.LogInformation("Change essays will lead to hot reload!");
-        logger.LogInformation("HINT: draft essays will be included.");
-
-        await rendererService.RenderAsync(true);
-
-        Task[] reloadTasks = [FileWatchTask(stoppingToken)];
-        await Task.WhenAll(reloadTasks);
-    }
-
-    private async Task FileWatchTask(CancellationToken token)
-    {
-        while (!token.IsCancellationRequested)
-        {
-            logger.LogInformation("Watching file changes...");
-            string? changeFile = await watcher.WaitForChange(token);
-
-            if (changeFile is null)
-            {
-                logger.LogInformation("File watcher is stopping.");
-                break;
-            }
-
-            logger.LogInformation("{} changed, re-rendering.", changeFile);
-            essayContentService.Clear();
-            await rendererService.RenderAsync(true);
-        }
-    }
-}

YaeBlog/YaeBlog.csproj

@@ -1,33 +1,18 @@
 <Project Sdk="Microsoft.NET.Sdk.Web">
 
-  <ItemGroup>
+    <ItemGroup>
-    <PackageReference Include="System.CommandLine" Version="2.0.0-beta4.22272.1"/>
+      <ProjectReference Include="..\YaeBlog.Core\YaeBlog.Core.csproj" />
-    <PackageReference Include="AngleSharp" Version="1.1.0"/>
+    </ItemGroup>
-    <PackageReference Include="Markdig" Version="0.38.0"/>
-    <PackageReference Include="YamlDotNet" Version="16.2.1"/>
-  </ItemGroup>
 
-  <PropertyGroup>
+    <ItemGroup>
-    <TargetFramework>net9.0</TargetFramework>
+      <PackageReference Include="Blazor.Bootstrap" Version="3.0.0-preview.2" />
-    <Nullable>enable</Nullable>
+      <PackageReference Include="System.CommandLine" Version="2.0.0-beta4.22272.1" />
-    <ImplicitUsings>enable</ImplicitUsings>
+    </ItemGroup>
-  </PropertyGroup>
 
-  <Target Name="EnsurePnpmInstalled" BeforeTargets="Build">
+    <PropertyGroup>
-    <Message Importance="low" Text="Ensure pnpm is installed..."/>
+        <TargetFramework>net8.0</TargetFramework>
-    <Exec Command="pnpm --version" ContinueOnError="true">
+        <Nullable>enable</Nullable>
-      <Output TaskParameter="ExitCode" PropertyName="ErrorCode"/>
+        <ImplicitUsings>enable</ImplicitUsings>
-    </Exec>
+    </PropertyGroup>
-
-    <Error Condition="$(ErrorCode) != 0" Text="Pnpm is not installed which is required for build."/>
-
-    <Message Importance="normal" Text="Installing pakages using pnpm..."/>
-    <Exec Command="pnpm install"/>
-  </Target>
-
-  <Target Name="TailwindGenerate" AfterTargets="EnsurePnpmInstalled">
-    <Message Importance="normal" Text="Generate css files using tailwind..."/>
-    <Exec Command="pnpm tailwind -i wwwroot/input.css -o wwwroot/output.css"/>
-  </Target>
 
 </Project>

YaeBlog/_Imports.razor

@@ -6,5 +6,6 @@
 @using static Microsoft.AspNetCore.Components.Web.RenderMode
 @using Microsoft.AspNetCore.Components.Web.Virtualization
 @using Microsoft.JSInterop
+@using BlazorBootstrap
 @using YaeBlog
 @using YaeBlog.Components

YaeBlog/appsettings.json

@@ -6,10 +6,6 @@
         }
     },
     "AllowedHosts": "*",
-    "Tailwind": {
-        "InputFile": "wwwroot/input.css",
-        "OutputFile": "wwwroot/output.css"
-    },
     "Blog": {
         "Root": "source",
         "Announcement": "博客锐意装修中，敬请期待！测试阶段如有问题还请海涵。",

YaeBlog/package.json

@@ -1,12 +0,0 @@
-{
-  "name": "YaeBlog",
-  "version": "1.0.0",
-  "description": "",
-  "scripts": {},
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
-  "devDependencies": {
-    "tailwindcss": "^3.4.16"
-  }
-}

YaeBlog/pnpm-lock.yaml

@@ -1,836 +0,0 @@
-lockfileVersion: '9.0'
-
-settings:
-  autoInstallPeers: true
-  excludeLinksFromLockfile: false
-
-importers:
-
-  .:
-    devDependencies:
-      tailwindcss:
-        specifier: ^3.4.16
-        version: 3.4.16
-
-packages:
-
-  '@alloc/quick-lru@5.2.0':
-    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
-    engines: {node: '>=10'}
-
-  '@isaacs/cliui@8.0.2':
-    resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
-    engines: {node: '>=12'}
-
-  '@jridgewell/gen-mapping@0.3.8':
-    resolution: {integrity: sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==}
-    engines: {node: '>=6.0.0'}
-
-  '@jridgewell/resolve-uri@3.1.2':
-    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
-    engines: {node: '>=6.0.0'}
-
-  '@jridgewell/set-array@1.2.1':
-    resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
-    engines: {node: '>=6.0.0'}
-
-  '@jridgewell/sourcemap-codec@1.5.0':
-    resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
-
-  '@jridgewell/trace-mapping@0.3.25':
-    resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
-
-  '@nodelib/fs.scandir@2.1.5':
-    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
-    engines: {node: '>= 8'}
-
-  '@nodelib/fs.stat@2.0.5':
-    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
-    engines: {node: '>= 8'}
-
-  '@nodelib/fs.walk@1.2.8':
-    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
-    engines: {node: '>= 8'}
-
-  '@pkgjs/parseargs@0.11.0':
-    resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
-    engines: {node: '>=14'}
-
-  ansi-regex@5.0.1:
-    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
-    engines: {node: '>=8'}
-
-  ansi-regex@6.1.0:
-    resolution: {integrity: sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==}
-    engines: {node: '>=12'}
-
-  ansi-styles@4.3.0:
-    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
-    engines: {node: '>=8'}
-
-  ansi-styles@6.2.1:
-    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
-    engines: {node: '>=12'}
-
-  any-promise@1.3.0:
-    resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
-
-  anymatch@3.1.3:
-    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
-    engines: {node: '>= 8'}
-
-  arg@5.0.2:
-    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
-
-  balanced-match@1.0.2:
-    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
-
-  binary-extensions@2.3.0:
-    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
-    engines: {node: '>=8'}
-
-  brace-expansion@2.0.1:
-    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
-
-  braces@3.0.3:
-    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
-    engines: {node: '>=8'}
-
-  camelcase-css@2.0.1:
-    resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
-    engines: {node: '>= 6'}
-
-  chokidar@3.6.0:
-    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
-    engines: {node: '>= 8.10.0'}
-
-  color-convert@2.0.1:
-    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
-    engines: {node: '>=7.0.0'}
-
-  color-name@1.1.4:
-    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
-
-  commander@4.1.1:
-    resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
-    engines: {node: '>= 6'}
-
-  cross-spawn@7.0.6:
-    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
-    engines: {node: '>= 8'}
-
-  cssesc@3.0.0:
-    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
-    engines: {node: '>=4'}
-    hasBin: true
-
-  didyoumean@1.2.2:
-    resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
-
-  dlv@1.1.3:
-    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
-
-  eastasianwidth@0.2.0:
-    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
-
-  emoji-regex@8.0.0:
-    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
-
-  emoji-regex@9.2.2:
-    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
-
-  fast-glob@3.3.2:
-    resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
-    engines: {node: '>=8.6.0'}
-
-  fastq@1.17.1:
-    resolution: {integrity: sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==}
-
-  fill-range@7.1.1:
-    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
-    engines: {node: '>=8'}
-
-  foreground-child@3.3.0:
-    resolution: {integrity: sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==}
-    engines: {node: '>=14'}
-
-  fsevents@2.3.3:
-    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
-    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
-    os: [darwin]
-
-  function-bind@1.1.2:
-    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
-
-  glob-parent@5.1.2:
-    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
-    engines: {node: '>= 6'}
-
-  glob-parent@6.0.2:
-    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
-    engines: {node: '>=10.13.0'}
-
-  glob@10.4.5:
-    resolution: {integrity: sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==}
-    hasBin: true
-
-  hasown@2.0.2:
-    resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
-    engines: {node: '>= 0.4'}
-
-  is-binary-path@2.1.0:
-    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
-    engines: {node: '>=8'}
-
-  is-core-module@2.16.0:
-    resolution: {integrity: sha512-urTSINYfAYgcbLb0yDQ6egFm6h3Mo1DcF9EkyXSRjjzdHbsulg01qhwWuXdOoUBuTkbQ80KDboXa0vFJ+BDH+g==}
-    engines: {node: '>= 0.4'}
-
-  is-extglob@2.1.1:
-    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
-    engines: {node: '>=0.10.0'}
-
-  is-fullwidth-code-point@3.0.0:
-    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
-    engines: {node: '>=8'}
-
-  is-glob@4.0.3:
-    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
-    engines: {node: '>=0.10.0'}
-
-  is-number@7.0.0:
-    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
-    engines: {node: '>=0.12.0'}
-
-  isexe@2.0.0:
-    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
-
-  jackspeak@3.4.3:
-    resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
-
-  jiti@1.21.6:
-    resolution: {integrity: sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==}
-    hasBin: true
-
-  lilconfig@3.1.3:
-    resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
-    engines: {node: '>=14'}
-
-  lines-and-columns@1.2.4:
-    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
-
-  lru-cache@10.4.3:
-    resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
-
-  merge2@1.4.1:
-    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
-    engines: {node: '>= 8'}
-
-  micromatch@4.0.8:
-    resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
-    engines: {node: '>=8.6'}
-
-  minimatch@9.0.5:
-    resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
-    engines: {node: '>=16 || 14 >=14.17'}
-
-  minipass@7.1.2:
-    resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
-    engines: {node: '>=16 || 14 >=14.17'}
-
-  mz@2.7.0:
-    resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
-
-  nanoid@3.3.8:
-    resolution: {integrity: sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==}
-    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
-    hasBin: true
-
-  normalize-path@3.0.0:
-    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
-    engines: {node: '>=0.10.0'}
-
-  object-assign@4.1.1:
-    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
-    engines: {node: '>=0.10.0'}
-
-  object-hash@3.0.0:
-    resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
-    engines: {node: '>= 6'}
-
-  package-json-from-dist@1.0.1:
-    resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}
-
-  path-key@3.1.1:
-    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
-    engines: {node: '>=8'}
-
-  path-parse@1.0.7:
-    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
-
-  path-scurry@1.11.1:
-    resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
-    engines: {node: '>=16 || 14 >=14.18'}
-
-  picocolors@1.1.1:
-    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
-
-  picomatch@2.3.1:
-    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
-    engines: {node: '>=8.6'}
-
-  pify@2.3.0:
-    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
-    engines: {node: '>=0.10.0'}
-
-  pirates@4.0.6:
-    resolution: {integrity: sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==}
-    engines: {node: '>= 6'}
-
-  postcss-import@15.1.0:
-    resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      postcss: ^8.0.0
-
-  postcss-js@4.0.1:
-    resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
-    engines: {node: ^12 || ^14 || >= 16}
-    peerDependencies:
-      postcss: ^8.4.21
-
-  postcss-load-config@4.0.2:
-    resolution: {integrity: sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==}
-    engines: {node: '>= 14'}
-    peerDependencies:
-      postcss: '>=8.0.9'
-      ts-node: '>=9.0.0'
-    peerDependenciesMeta:
-      postcss:
-        optional: true
-      ts-node:
-        optional: true
-
-  postcss-nested@6.2.0:
-    resolution: {integrity: sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==}
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: ^8.2.14
-
-  postcss-selector-parser@6.1.2:
-    resolution: {integrity: sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==}
-    engines: {node: '>=4'}
-
-  postcss-value-parser@4.2.0:
-    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
-
-  postcss@8.4.49:
-    resolution: {integrity: sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==}
-    engines: {node: ^10 || ^12 || >=14}
-
-  queue-microtask@1.2.3:
-    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
-
-  read-cache@1.0.0:
-    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
-
-  readdirp@3.6.0:
-    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
-    engines: {node: '>=8.10.0'}
-
-  resolve@1.22.9:
-    resolution: {integrity: sha512-QxrmX1DzraFIi9PxdG5VkRfRwIgjwyud+z/iBwfRRrVmHc+P9Q7u2lSSpQ6bjr2gy5lrqIiU9vb6iAeGf2400A==}
-    hasBin: true
-
-  reusify@1.0.4:
-    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
-    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
-
-  run-parallel@1.2.0:
-    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
-
-  shebang-command@2.0.0:
-    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
-    engines: {node: '>=8'}
-
-  shebang-regex@3.0.0:
-    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
-    engines: {node: '>=8'}
-
-  signal-exit@4.1.0:
-    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
-    engines: {node: '>=14'}
-
-  source-map-js@1.2.1:
-    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
-    engines: {node: '>=0.10.0'}
-
-  string-width@4.2.3:
-    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
-    engines: {node: '>=8'}
-
-  string-width@5.1.2:
-    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
-    engines: {node: '>=12'}
-
-  strip-ansi@6.0.1:
-    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
-    engines: {node: '>=8'}
-
-  strip-ansi@7.1.0:
-    resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
-    engines: {node: '>=12'}
-
-  sucrase@3.35.0:
-    resolution: {integrity: sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==}
-    engines: {node: '>=16 || 14 >=14.17'}
-    hasBin: true
-
-  supports-preserve-symlinks-flag@1.0.0:
-    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
-    engines: {node: '>= 0.4'}
-
-  tailwindcss@3.4.16:
-    resolution: {integrity: sha512-TI4Cyx7gDiZ6r44ewaJmt0o6BrMCT5aK5e0rmJ/G9Xq3w7CX/5VXl/zIPEJZFUK5VEqwByyhqNPycPlvcK4ZNw==}
-    engines: {node: '>=14.0.0'}
-    hasBin: true
-
-  thenify-all@1.6.0:
-    resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==}
-    engines: {node: '>=0.8'}
-
-  thenify@3.3.1:
-    resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
-
-  to-regex-range@5.0.1:
-    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
-    engines: {node: '>=8.0'}
-
-  ts-interface-checker@0.1.13:
-    resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
-
-  util-deprecate@1.0.2:
-    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
-
-  which@2.0.2:
-    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
-    engines: {node: '>= 8'}
-    hasBin: true
-
-  wrap-ansi@7.0.0:
-    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
-    engines: {node: '>=10'}
-
-  wrap-ansi@8.1.0:
-    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
-    engines: {node: '>=12'}
-
-  yaml@2.6.1:
-    resolution: {integrity: sha512-7r0XPzioN/Q9kXBro/XPnA6kznR73DHq+GXh5ON7ZozRO6aMjbmiBuKste2wslTFkC5d1dw0GooOCepZXJ2SAg==}
-    engines: {node: '>= 14'}
-    hasBin: true
-
-snapshots:
-
-  '@alloc/quick-lru@5.2.0': {}
-
-  '@isaacs/cliui@8.0.2':
-    dependencies:
-      string-width: 5.1.2
-      string-width-cjs: string-width@4.2.3
-      strip-ansi: 7.1.0
-      strip-ansi-cjs: strip-ansi@6.0.1
-      wrap-ansi: 8.1.0
-      wrap-ansi-cjs: wrap-ansi@7.0.0
-
-  '@jridgewell/gen-mapping@0.3.8':
-    dependencies:
-      '@jridgewell/set-array': 1.2.1
-      '@jridgewell/sourcemap-codec': 1.5.0
-      '@jridgewell/trace-mapping': 0.3.25
-
-  '@jridgewell/resolve-uri@3.1.2': {}
-
-  '@jridgewell/set-array@1.2.1': {}
-
-  '@jridgewell/sourcemap-codec@1.5.0': {}
-
-  '@jridgewell/trace-mapping@0.3.25':
-    dependencies:
-      '@jridgewell/resolve-uri': 3.1.2
-      '@jridgewell/sourcemap-codec': 1.5.0
-
-  '@nodelib/fs.scandir@2.1.5':
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      run-parallel: 1.2.0
-
-  '@nodelib/fs.stat@2.0.5': {}
-
-  '@nodelib/fs.walk@1.2.8':
-    dependencies:
-      '@nodelib/fs.scandir': 2.1.5
-      fastq: 1.17.1
-
-  '@pkgjs/parseargs@0.11.0':
-    optional: true
-
-  ansi-regex@5.0.1: {}
-
-  ansi-regex@6.1.0: {}
-
-  ansi-styles@4.3.0:
-    dependencies:
-      color-convert: 2.0.1
-
-  ansi-styles@6.2.1: {}
-
-  any-promise@1.3.0: {}
-
-  anymatch@3.1.3:
-    dependencies:
-      normalize-path: 3.0.0
-      picomatch: 2.3.1
-
-  arg@5.0.2: {}
-
-  balanced-match@1.0.2: {}
-
-  binary-extensions@2.3.0: {}
-
-  brace-expansion@2.0.1:
-    dependencies:
-      balanced-match: 1.0.2
-
-  braces@3.0.3:
-    dependencies:
-      fill-range: 7.1.1
-
-  camelcase-css@2.0.1: {}
-
-  chokidar@3.6.0:
-    dependencies:
-      anymatch: 3.1.3
-      braces: 3.0.3
-      glob-parent: 5.1.2
-      is-binary-path: 2.1.0
-      is-glob: 4.0.3
-      normalize-path: 3.0.0
-      readdirp: 3.6.0
-    optionalDependencies:
-      fsevents: 2.3.3
-
-  color-convert@2.0.1:
-    dependencies:
-      color-name: 1.1.4
-
-  color-name@1.1.4: {}
-
-  commander@4.1.1: {}
-
-  cross-spawn@7.0.6:
-    dependencies:
-      path-key: 3.1.1
-      shebang-command: 2.0.0
-      which: 2.0.2
-
-  cssesc@3.0.0: {}
-
-  didyoumean@1.2.2: {}
-
-  dlv@1.1.3: {}
-
-  eastasianwidth@0.2.0: {}
-
-  emoji-regex@8.0.0: {}
-
-  emoji-regex@9.2.2: {}
-
-  fast-glob@3.3.2:
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      '@nodelib/fs.walk': 1.2.8
-      glob-parent: 5.1.2
-      merge2: 1.4.1
-      micromatch: 4.0.8
-
-  fastq@1.17.1:
-    dependencies:
-      reusify: 1.0.4
-
-  fill-range@7.1.1:
-    dependencies:
-      to-regex-range: 5.0.1
-
-  foreground-child@3.3.0:
-    dependencies:
-      cross-spawn: 7.0.6
-      signal-exit: 4.1.0
-
-  fsevents@2.3.3:
-    optional: true
-
-  function-bind@1.1.2: {}
-
-  glob-parent@5.1.2:
-    dependencies:
-      is-glob: 4.0.3
-
-  glob-parent@6.0.2:
-    dependencies:
-      is-glob: 4.0.3
-
-  glob@10.4.5:
-    dependencies:
-      foreground-child: 3.3.0
-      jackspeak: 3.4.3
-      minimatch: 9.0.5
-      minipass: 7.1.2
-      package-json-from-dist: 1.0.1
-      path-scurry: 1.11.1
-
-  hasown@2.0.2:
-    dependencies:
-      function-bind: 1.1.2
-
-  is-binary-path@2.1.0:
-    dependencies:
-      binary-extensions: 2.3.0
-
-  is-core-module@2.16.0:
-    dependencies:
-      hasown: 2.0.2
-
-  is-extglob@2.1.1: {}
-
-  is-fullwidth-code-point@3.0.0: {}
-
-  is-glob@4.0.3:
-    dependencies:
-      is-extglob: 2.1.1
-
-  is-number@7.0.0: {}
-
-  isexe@2.0.0: {}
-
-  jackspeak@3.4.3:
-    dependencies:
-      '@isaacs/cliui': 8.0.2
-    optionalDependencies:
-      '@pkgjs/parseargs': 0.11.0
-
-  jiti@1.21.6: {}
-
-  lilconfig@3.1.3: {}
-
-  lines-and-columns@1.2.4: {}
-
-  lru-cache@10.4.3: {}
-
-  merge2@1.4.1: {}
-
-  micromatch@4.0.8:
-    dependencies:
-      braces: 3.0.3
-      picomatch: 2.3.1
-
-  minimatch@9.0.5:
-    dependencies:
-      brace-expansion: 2.0.1
-
-  minipass@7.1.2: {}
-
-  mz@2.7.0:
-    dependencies:
-      any-promise: 1.3.0
-      object-assign: 4.1.1
-      thenify-all: 1.6.0
-
-  nanoid@3.3.8: {}
-
-  normalize-path@3.0.0: {}
-
-  object-assign@4.1.1: {}
-
-  object-hash@3.0.0: {}
-
-  package-json-from-dist@1.0.1: {}
-
-  path-key@3.1.1: {}
-
-  path-parse@1.0.7: {}
-
-  path-scurry@1.11.1:
-    dependencies:
-      lru-cache: 10.4.3
-      minipass: 7.1.2
-
-  picocolors@1.1.1: {}
-
-  picomatch@2.3.1: {}
-
-  pify@2.3.0: {}
-
-  pirates@4.0.6: {}
-
-  postcss-import@15.1.0(postcss@8.4.49):
-    dependencies:
-      postcss: 8.4.49
-      postcss-value-parser: 4.2.0
-      read-cache: 1.0.0
-      resolve: 1.22.9
-
-  postcss-js@4.0.1(postcss@8.4.49):
-    dependencies:
-      camelcase-css: 2.0.1
-      postcss: 8.4.49
-
-  postcss-load-config@4.0.2(postcss@8.4.49):
-    dependencies:
-      lilconfig: 3.1.3
-      yaml: 2.6.1
-    optionalDependencies:
-      postcss: 8.4.49
-
-  postcss-nested@6.2.0(postcss@8.4.49):
-    dependencies:
-      postcss: 8.4.49
-      postcss-selector-parser: 6.1.2
-
-  postcss-selector-parser@6.1.2:
-    dependencies:
-      cssesc: 3.0.0
-      util-deprecate: 1.0.2
-
-  postcss-value-parser@4.2.0: {}
-
-  postcss@8.4.49:
-    dependencies:
-      nanoid: 3.3.8
-      picocolors: 1.1.1
-      source-map-js: 1.2.1
-
-  queue-microtask@1.2.3: {}
-
-  read-cache@1.0.0:
-    dependencies:
-      pify: 2.3.0
-
-  readdirp@3.6.0:
-    dependencies:
-      picomatch: 2.3.1
-
-  resolve@1.22.9:
-    dependencies:
-      is-core-module: 2.16.0
-      path-parse: 1.0.7
-      supports-preserve-symlinks-flag: 1.0.0
-
-  reusify@1.0.4: {}
-
-  run-parallel@1.2.0:
-    dependencies:
-      queue-microtask: 1.2.3
-
-  shebang-command@2.0.0:
-    dependencies:
-      shebang-regex: 3.0.0
-
-  shebang-regex@3.0.0: {}
-
-  signal-exit@4.1.0: {}
-
-  source-map-js@1.2.1: {}
-
-  string-width@4.2.3:
-    dependencies:
-      emoji-regex: 8.0.0
-      is-fullwidth-code-point: 3.0.0
-      strip-ansi: 6.0.1
-
-  string-width@5.1.2:
-    dependencies:
-      eastasianwidth: 0.2.0
-      emoji-regex: 9.2.2
-      strip-ansi: 7.1.0
-
-  strip-ansi@6.0.1:
-    dependencies:
-      ansi-regex: 5.0.1
-
-  strip-ansi@7.1.0:
-    dependencies:
-      ansi-regex: 6.1.0
-
-  sucrase@3.35.0:
-    dependencies:
-      '@jridgewell/gen-mapping': 0.3.8
-      commander: 4.1.1
-      glob: 10.4.5
-      lines-and-columns: 1.2.4
-      mz: 2.7.0
-      pirates: 4.0.6
-      ts-interface-checker: 0.1.13
-
-  supports-preserve-symlinks-flag@1.0.0: {}
-
-  tailwindcss@3.4.16:
-    dependencies:
-      '@alloc/quick-lru': 5.2.0
-      arg: 5.0.2
-      chokidar: 3.6.0
-      didyoumean: 1.2.2
-      dlv: 1.1.3
-      fast-glob: 3.3.2
-      glob-parent: 6.0.2
-      is-glob: 4.0.3
-      jiti: 1.21.6
-      lilconfig: 3.1.3
-      micromatch: 4.0.8
-      normalize-path: 3.0.0
-      object-hash: 3.0.0
-      picocolors: 1.1.1
-      postcss: 8.4.49
-      postcss-import: 15.1.0(postcss@8.4.49)
-      postcss-js: 4.0.1(postcss@8.4.49)
-      postcss-load-config: 4.0.2(postcss@8.4.49)
-      postcss-nested: 6.2.0(postcss@8.4.49)
-      postcss-selector-parser: 6.1.2
-      resolve: 1.22.9
-      sucrase: 3.35.0
-    transitivePeerDependencies:
-      - ts-node
-
-  thenify-all@1.6.0:
-    dependencies:
-      thenify: 3.3.1
-
-  thenify@3.3.1:
-    dependencies:
-      any-promise: 1.3.0
-
-  to-regex-range@5.0.1:
-    dependencies:
-      is-number: 7.0.0
-
-  ts-interface-checker@0.1.13: {}
-
-  util-deprecate@1.0.2: {}
-
-  which@2.0.2:
-    dependencies:
-      isexe: 2.0.0
-
-  wrap-ansi@7.0.0:
-    dependencies:
-      ansi-styles: 4.3.0
-      string-width: 4.2.3
-      strip-ansi: 6.0.1
-
-  wrap-ansi@8.1.0:
-    dependencies:
-      ansi-styles: 6.2.1
-      string-width: 5.1.2
-      strip-ansi: 7.1.0
-
-  yaml@2.6.1: {}

YaeBlog/source/posts/2024-final.md

@@ -1,89 +0,0 @@
----
-title: 2024年年终总结
-date: 2025-01-16T17:15:05.8634370+08:00
-tags:
-- 杂谈
-- 年终总结
----
-
-欸，年终总结难道不是应该在新年当天发出吗，什么已经是新年第三天了？！
-
-然而年末偶遇流感病毒，头疼脑热强如怪物，拼尽全力也无法战胜。
-
-所以年终总结再次跳票，红豆泥私密马赛！
-
-<!--more-->
-
-### 压力
-
-本年度的第一个关键词，我会选择压力。这一年总是被不同的压力笼罩着，先是有形的压力，然后是无形的压力，在不同的时间阶段有着不同的来源。
-
-1月份起始的两周就是大三学年秋季学期的期末考试周，而鄙人在下不才我，在本学期面临着计算机科学四幻神的考验——老师不知所云之操作系统、抽象概念无法理解之编译原理、全英语授课之数据库系统原理和智商不够无法战胜之算法导论。挣扎在保研线上的我，刚刚被上一学期的离散数学（下）的~~75分~~74分和数据结构的79分拷打，面对着如此沉重的考试压力（加起来一共12学分呢），可耻的失眠了。
-
-过完年回来的三月份，就是同论文奋斗的一个月。虽然只是一篇6页的EI检索论文，但对于一个**纯洁**的本科生来说还是有点太困难了。这个过程就像是你先拉了一坨大的，然后在上面细细的涂上巧克力，在最后发表的过程中，需要在众人的面前大嚼这一坨东西，并且称赞“真是一道美食啊”！还没有开始的学术生涯就已经留下永恒的污点力（悲）。
-
-搞完论文的四月和五月则是和大作业搏斗的两个月。首先是无法战胜的“编译原理课程设计”，内容是设计一个Pascal-S到C语言的源到源编译器。这一大作业的主要压力来源是大作业本身的难度，直到最后提交的时候，全部95个测试点也没有能够完全通过，然而其他人在祖传代码上缝缝补补却过来，哭。虽然考虑到我们是全手写的编译器，没有使用任何的编译器构建工具，提出的解决方案也称不上是墨守成规，老师给了我一个还算是可以的分数，算是压力中的小小慰藉。
-
-然后是风波不断的软件工程大作业，明明只是一个相对简单的Web前后端开发，但是我们前后进行了三次验收才通过，一直拖到了学期的第16周。老师设计的联合验收制度给我们结结实实的上了一课，要求联合验收小组的不同前后端需要能够任意组合使用，导致我们为了适配另外一组的逻辑，几乎是把核心代码写了两遍。虽然我不喜欢在背后攻击别人，但是我不得不说，这一年中最有压力的时刻，往往不是自己的事情搞不定时，而是看着别人搞砸事情你却无能为力的时候。
-
-这两个月还夹杂这一个意义不明的专业实习，明明是计算机科学与技术专业的牛马，为什么会被中兴通讯的老师培训通信项目的项目管理？
-
-应付完上面这些杂七杂八的内容，便是本科生生涯中的最后三场考试：人称计算机领域的政治之《软件工程》，通信领域科普课程之《现代交换原理》和永远的神之《计算机系统结构》。
-
-不得不说《软件工程》，~~或者人们常说的肖概~~确实不愧于计算机领域的政治之称。毕竟政治的主要课题就是研究如何组织和动员人群以完成一个特定的目标，《软件工程》不过是将人员限制为了软件的开发人员，领域限制为了软件开发领域，基本的道理还是相通的。
-
-《现代交换原理》则是一门在现有的课程体系下非常尴尬的一门课程，显然这门课的保留还是为了凸显“计算机+通信”的学科特色，但是大量前置知识的缺失和同其他课程的脱节使得这门课就显得非常的“脱节”。而且相对来说，通信技术的发展速度远远不如互联网的迭代技术，这门课也被同学们戏称为“古代交换原理”。令人最难受的，虽然知识古代，但是却一点都不简单，很多内容只能说是听了个概念，幸好最后的考试不难，靠死记硬背通过了考试。
-
-《计算机系统结构》就是核心课中的核心课了。课程内容和《计算机组成原理》衔接的非常紧密，~~虽然我组成原理就学的很垃圾~~，主要围绕着如何最大限度的并行化运行程序进行，从指令级的并行一直到多机并行，可以说是压力最大的一门考试。在准备的过程中做了很多套往年题，博客上也发布了一部分的复习笔记，最终幸好低空飞过。唯一的吐槽是实验什么时候可以从MIPS改成为RISC-V呢。
-
-三门课的考试一结束，这些死线明确的、有形的压力便消失了，但是无形的压力——对于是否能保研的焦虑——便笼罩下来。
-
-7月和8月都是在这种不安和恐慌中度过，这种氛围在9月份保研名单出炉之前达到了顶峰。保研的流程开始之后则是通知推着人走，各种交材料，各种准备答辩，各种等待公示，直到最后的保研名单出炉。
-
-不过现在回想起来，最后名单出炉，获得保研资格，复试通过之后，并没有一种如释重负的感觉，或者说终于实现了既定目标的快感。反而是一种“啊，结束了”的空落感，只想回去睡一觉。
-
-然后新的~~风暴~~压力已经出现，在度过一个短短的国庆假期之后便正式进组，作为一个研究生的社畜生涯就此开始。
-
-### 经历
-
-虽然2024年的第一个关键词已经选择为“压力”，但是众所周知，高压锅里往往能压出好吃的。人也是这样。所以我将2024年的第二个关键词定为“经历”，人生如逆旅，我亦是行人，各式各样的经历便是风格迥异的景点。
-
-人生第一篇学术论文的撰写和发表无疑是今年最难忘的经历。虽然我在前面称之为“学术生涯上的污点”，但是污点也好过一片空白不是，还非常的引人夺目。而且这是一个完整的撰写-发表流程，从开始的选题、实验、撰写、投稿，到最后的接受、提交、发表、报销等等数个环节我均参加。这个过程不仅让我对于学术论文的诞生流程有力较为清晰的认识，也对学校的各种发表和报销流程有了深入的了解。
-
-两个大作业，编译原理课程设计和软件工程大作业，也是非常难忘的经历。这两个项目的代码都已经整理好开源在Github上了。前者代表了目前我软件开发的最高水平，而后者则是我本科阶段唯一一个差点失败的软件开发项目。这种冰火两重天的对比实在是很难令人忘记。
-
-这两个项目中的收获有非常技术性的。相较于2023年面对各种大作业时的略显底气不足，这次我在各种技术栈的选择上更加游刃有余，选择了完全倒向.NET和React，摈弃了之前的Java和Vue。各类现代软件开发技术也得到了充分的应用，例如由Gitea Actions驱动的DevOps实践，完全基于合并请求的多人协作流程。事实证明，这些协作流程确实在一定程度上加速了项目的开发。
-
-但是，“软件工程里没有银弹”，先进技术的堆叠并不能保证软件项目成功。虽然我这里~~自吹自擂~~有非常多新技术的帮助，软件工程大作业的差点失败的确说明了软件工程实际上还是人的工程，猪队友永远比凶恶的敌人更可怕。当然也不能将所有的锅都扔给别人，我在项目失控的过程中也没有能够采取有力的措施挽救整个项目，~~负有不可推卸的领导责任~~。
-
-今年最后一个难忘的经历便是去横店镇参加CNCC 2024，也单独出过[博客](https://rrricardo.top/blog/essays/cncc-2024)。虽然之前学术论文发表的过程中也是在学术会议上做过口头报告，不过是线上参加的，并没有特别的实感。现在线下参加，也不需要自己上去发表，顿感旅游真好玩，~~也有可能是因为CNCC比较水~~。
-
-### 匆匆
-
-2024年的第三个关键词我想定为”匆匆“，虽然想找一个更加”有文化“的词汇，奈何自己的文化造纸实在不够，故定为”匆匆“。
-
-可2024年确实是非常忙碌的一年，现在回想起来，几乎每一个月都是在为了某一件特定的事情而奔走着。还记得在新年伊始的时间里，我还制订了各种各样的读书计划和补番计划，现在看来，定计划的目的不是为了实现，而是为了安心。
-
-不过匆匆之中还是读了几本书。首先是久负盛名的《置身事内——中国政府与经济发展》，这本书的开篇即言：“这本书是写给大学生和对经济话题感兴趣的读者”，细读下来也确实如此。然后是一本我从小便着迷的二战军史相关话题《美国陷阱：橙色计划始末》，其中若干的政治与军事细节之于我不过是走马观花，不过其中表达出的长期战略实在令人敬佩。
-
-至于补番计划，我则是表现出了同电子ED一样的症状，对于新番没有兴趣，对于补早就下载安装好的老番更是兴趣缺缺。反倒是电视剧，由于12月韩国的惊天一变，我又重新下载了《第五共和国》，忠！诚！
-
-不过我的B站观看时长再度增长30%，这好吗，这不好，~~有这么多时间刷B站，鬼知道你匆匆在哪了~~。
-
-![image-20250115171809775](./2024-final/image-20250115171809775.png)
-
-### 未来
-
-> 定计划的目的不是为了实现，而是为了安心。
-
-站在年关，已经可以预见到2025年将会是更为繁忙的一年，从一月份到十月份都已经有了或多或少的安排，现在无法多言，只能希望都能有良好的结果。
-
-还是多说点可以说的罢。
-
-首先是读书计划。《置身事内——中国政府与经济发展》的每章最后都有一个推荐书目，一整本上总结下来也能有超过50本，其中不乏超过一千页的大部头，说能够一年看完显然是痴人说梦。这里先列两本同我的工作关系密切的书籍：
-
-- 陆风，《光变：一个企业及其工业史》
-- 吴军，《浪潮之巅》
-
-其次是补番计划，这一年刷到了不少押井守导演的《机动警察》系列，虽然我之前对于人形机器人并不热心，但剧中精细的作画和宏大的背景设定确实非常吸引人，遂决定今年找来看看。
-

YaeBlog/source/posts/rust-drop-stack-overflow.md

@@ -1,65 +0,0 @@
----
-title: 内存栈被Rust自动生成的Drop函数塞满了
-date: 2024-11-05T20:36:07.3930374+08:00
-tags:
-- Rust
-- 技术笔记
----
-
-这辈子就是被Rust编译器害了.jpg
-
-<!--more-->
-
-最近在用Rust写一个[Sysy](https://gitlab.eduxiji.net/csc1/nscscc/compiler2022/-/blob/master/SysY2022%E8%AF%AD%E8%A8%80%E5%AE%9A%E4%B9%89-V1.pdf)语言的编译器，但是在实现完语法分析之后针对官方提供的测试用例进行测试时遇到的一个抽象的栈溢出报错。
-
-事情是这样的，当我实现完`Sysy`语言的语法分析器并编写了一些白盒测试用例之后，我便打算将官方提供的100个测试用例作为输入运行看看能不能**正常**的解析成抽象语法树（显然不可能手动检查生成的抽象语法树是否正确）。我首先在`main.rs`里面实现了读取所有的`.sy`文件，进行词法分析和语法分析的逻辑，程序在这里这正常的识别了大多数的输入文件，在一些浮点数的输入上还存在一些问题。于是我便打算将这些逻辑重构到一个Rust的集成测试中，方便在CI中使用`cargo test`进行运行测试。但是在重构完成之后使用`cargo test`进行运行时我去遇到了如下的运行时错误。
-
-![image-20241105181144993](./rust-drop-stack-overflow/image-20241105181144993.png)
-
-看到这个报错的第一瞬间，我怀疑是因为`cargo test`和`cargo run`的运行环境不同，导致测试程序读取到了其他其实不是`sysy`程序但是以`.sy`结尾的文件，而恰好这个文件又能被解析，使得解析器组合子工作的过程中调用链太长而导致栈溢出，于是我在`RustRover`中打断点调试运行，却发现程序正确的读取到输入文件。这就奇怪了，我于是让程序继续运行到报错，看看报错时候程序的调用栈是被什么东西填满了，然后发现程序的调用栈长这样：
-
-![image-20241105181612954](./rust-drop-stack-overflow/image-20241105181612954.png)
-
-并不是我程序中代码的调用太深导致的，而是Rust编译器自动生成的`drop`函数导致的。于是尝试看看调用栈的底部，看看是在读取什么输入数据，`drop`什么神仙数据结构的时候发生的。调试器很快告诉我们，`drop`的数据结构是抽象语法树中的二元表达式，而此时的输入代码则如下图所示，而且图中的代码重复了400行。
-
-![image-20241105182036975](./rust-drop-stack-overflow/image-20241105182036975.png)
-
-我已经能想象到那棵高耸如云的抽象语法树了。
-
-虽然找到了问题的根源，但是还有一个问题没有解决：为什么在`main.rs`上运行的时候程序并不会出现问题，但是在`cargo test`上运行时却会遇到栈溢出的问题？
-
-这个问题其实在[Rust语言圣经](https://course.rs/compiler/pitfalls/stack-overflow.html)中就有记载，不过问题的背景略有不同。Rust语言圣经中导致栈溢出的问题是尝试在栈上分配一个4MB的超大数组，但是出现问题的原因是一致的。在`main.rs`中运行程序时，如果不使用多线程，那么程序的所有逻辑将运行在`main`线程上，这个线程在Linux下的栈大小是8MB，而当使用Rust提供的集成测试时，Rust为了实现测试的并行运行，会把所有的测试都运行在新线程上，这就导致在使用`cargo test`时程序会出现问题。
-
-解决这个问题的方案可以是设置环境变量设置创建新线程的栈大小：`RUST_MIN_STACK=8388608 cargo test`，但是这种方法总是不太优雅。合理的解决方案是重写造成问题数据结构的`drop`方法，避免使用编译器自动生成的`drop`方法。这里我提供的抽象语法树`drop`方法如下所示。通过广度优先搜索的方式遍历语法树，手动释放一些可能子节点可能较多的语法树节点（其中释放内存的方式来自于[reddit](https://www.reddit.com/r/rust/comments/x97a4a/stack_overflow_during_drop_of_huge_abstract/)）。
-
-```rust
-fn collect_node_rubbishes(
-    rubbish: &mut Vec<Rc<RefCell<SyntaxNode>>>,
-    node_type: &mut SyntaxNodeType,
-) {
-    match node_type {
-        SyntaxNodeType::BinaryExpression(node) => {
-            rubbish.push(std::mem::replace(&mut node.left, SyntaxNode::unit()));
-            rubbish.push(std::mem::replace(&mut node.right, SyntaxNode::unit()));
-        }
-        SyntaxNodeType::Block(nodes) => {
-            while let Some(child) = nodes.pop() {
-                rubbish.push(child);
-            }
-        }
-        _ => {}
-    }
-}
-
-impl Drop for SyntaxNode {
-    fn drop(&mut self) {
-        let mut rubbish = Vec::new();
-        collect_node_rubbishes(&mut rubbish, &mut self.node_type);
-
-        while let Some(node) = rubbish.pop() {
-            collect_node_rubbishes(&mut rubbish, &mut node.borrow_mut().node_type);
-        }
-    }
-}
-```
-

YaeBlog/source/posts/rust-up-trait.md

@@ -1,73 +0,0 @@
----
-title: Rust中将子特征的特征对象转换为父特征的特征对象
-date: 2024-12-15T15:49:33.5102602+08:00
-tags:
-- Rust
-- 技术笔记
----
-
-这辈子就是被Rust编译器害了.jpg
-
-<!--more-->
-
-## 背景
-
-还是在开发同[上一篇](https://rrricardo.top/blog/essays/rust-drop-stack-overflow)相同的项目——一个编译器。在编写语法分析构建抽象语法树的过程中设计了这样一种抽象语法树的数据结构：每一个抽象语法树节点都实现了一个基础的语法树节点特征`SyntaxNode`，同时每个可以参加运算、有返回类型的语法树节点都需要实现`ExpressionSyntaxNode`特征，该特征是`SyntaxNode`特征的子特征。因此，从特征对象`Rc<dyn ExpressionSyntaxNode>`到特征对象`Rc<dyn SyntaxNode>`的转换就成为在语法树构建过程中必然会遇到的问题。
-
-这种数据结构的设计就是一个非常具有面向对象特色的设计思路，但是我们伟大的Rust（目前）却不支持这种特征对象的转换。这种转换在Rust语言内部称作`trait-upcasting`，已经在[RFC3324](https://github.com/rust-lang/rfcs/blob/master/text/3324-dyn-upcasting.md)中完成了定义，但其的实现从2021年开始一直到现在都处于`unstable`的状态，需要在`nightly`版本的编译器中开启`#！[feature(trait_upcasting)]`。具体来说，这个特点允许当特征`Bar` 是另一个特征`Foo`的子特征`Bar : Foo`时是一个特征对象`dyn Bar`被转换为特征对象`dyn Foo`。
-
-## 当前条件下的实现方法
-
-虽然我们可以在使用`nightly`编译器的条件下使用`feature`开关抢先实用这个功能，但是应该没有人会在生产环境下使用`nightly`编译器罢。
-
-所以我们需要一个在当前环境下可以使用的解决方法。解决的思路是设计一个类型转换的辅助特征`CastHelper`，这个特征就提供了需要的转换方法：
-
-```rust
-trait CastHelper {
-    fn cast(&self) -> &dyn Foo;
-}
-```
-
-然后在定义`Bar`特征时，让`CastHelper`也成为`Bar`特征的超特征。
-
-```rust
-trait Bar : Foo + CastHelper {
-    // Other method.
-}
-```
-
-接下来使用泛型的方式为所有实现了`Bar` 的结构体实现`CastHelper`：
-
-```rust
-impl<T> CastHelper for T
-where
-	T : Bar + 'static
-{
-    fn cast(&self) -> &dyn Foo {
-        self as _
-    }
-}
-```
-
-在`CastHelper`中也可以定义到`Rc<dyn Foo>`和`Box<dyn Foo>`等特征对象的转换。
-
-所有的实现代码如下：
-
-```rust
-trait Foo {}
-trait Bar: Foo + CastHelper {}
-
-trait CastHelper {
-    fn cast(&self) -> &dyn Foo;
-}
-
-impl<T> CastHelper for T
-where
-	T : Bar + 'static
-{
-    fn cast(&self) -> &dyn Foo {
-        self as _
-    }
-}
-```
-

YaeBlog/tailwind.config.js

@@ -1,9 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: ["**/*.razor", "**/*.cshtml", "**/*.html", "Processors/EssayStylesPostRenderProcessor.cs"],
-  theme: {
-    extend: {},
-  },
-  plugins: [],
-}
-

YaeBlog/wwwroot/globals.css

@@ -13,3 +13,78 @@
     font-display: block;
     src: url(fonts/fa-solid-900.woff2) format("woff2"), url(fonts/fa-solid-900.ttf) format("truetype")
 }
+
+.essay-image {
+    width: 90%;
+    display: block;
+    margin: 1.5rem auto;
+    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18),
+    0 4px 15px 0 rgba(0, 0, 0, 0.15);
+    border-radius: 4px;
+    background-color: transparent;
+}
+
+.table-wrapper {
+    overflow-x: auto;
+}
+
+body a {
+    text-decoration: none;
+}
+
+body main {
+    flex: 1;
+    min-height: 100vh;
+    overflow-x: visible;
+}
+
+body p {
+    margin: 0;
+    margin-block: 1em;
+}
+
+h2, h3 {
+    margin-block-start: 1.5em;
+    margin-block-end: 1em;
+}
+
+h4, h5 {
+    margin-block-start: 1em;
+    margin-block-end: 1em;
+}
+
+table {
+    margin: 0 auto;
+    border-collapse: collapse;
+}
+
+table td {
+    padding: 3px 20px;
+    border: 1px var(--bs-border-color) solid;
+}
+
+table thead {
+    background: var(--bs-secondary-bg);
+}
+
+table thead td {
+    font-weight: 700;
+    border: none;
+}
+
+table thead th {
+    padding: 3px 20px;
+}
+
+table thead tr {
+    border: 1px var(--bs-border-color) solid;
+}
+
+blockquote {
+    margin: 20px 0;
+    padding: 0 20px;
+    color: var(--bs-body-color);
+    background-color: var(--bs-primary-bg-subtle);
+    border-block-start: .1em solid var(--bs-primary-border-subtle);
+    border-block-end: .1em solid var(--bs-primary-border-subtle);
+}

YaeBlog/wwwroot/input.css

@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;