Merge branch 'refs/heads/master' into write-async-await

# Conflicts:
#	YaeBlog.Core/Extensions/WebApplicationBuilderExtensions.cs
#	YaeBlog/Components/App.razor
#	YaeBlog/Layout/BlogLayout.razor
#	YaeBlog/Layout/MainLayout.razor
#	YaeBlog/Layout/MainLayout.razor.css
#	YaeBlog/Pages/About.razor
#	YaeBlog/Pages/About.razor.css
#	YaeBlog/Pages/Archives.razor
#	YaeBlog/Pages/Archives.razor.css
#	YaeBlog/Pages/BlogIndex.razor
#	YaeBlog/Pages/BlogIndex.razor.css
#	YaeBlog/Pages/Index.razor
#	YaeBlog/Pages/NotFound.razor
#	YaeBlog/Pages/Tags.razor
#	YaeBlog/Pages/Tags.razor.css

.editorconfig

@@ -12,10 +12,7 @@ indent_style = space
 indent_size = 4
 trim_trailing_whitespace = true
 
-[{project.json,appsettings.json,appsettings.*.json}]
+[project.json]
-indent_size = 2
-
-[*.{yaml,yml}]
 indent_size = 2
 
 # C# and Visual Basic files

.gitattributes

@@ -1,5 +1,2 @@
 *.png filter=lfs diff=lfs merge=lfs -text
 *.jpg filter=lfs diff=lfs merge=lfs -text
-*.jpeg filter=lfs diff=lfs merge=lfs -text
-*.avif filter=lfs diff=lfs merge=lfs -text
-*.webp filter=lfs diff=lfs merge=lfs -text

.gitea/workflows/build.yaml

@@ -1,30 +1,29 @@
 name: Build blog docker image
 on:
-  push:
+    push:
-    branches:
+        branches:
-      - master
+            - master
 jobs:
-  Build-Blog-Image:
+    Build-Blog-Image:
-    runs-on: archlinux
+        runs-on: archlinux
-    steps:
+        steps:
-      - name: Check out code.
+            -   uses: https://git.rrricardo.top/actions/checkout@v4
-        uses: http://github-mirrors.infra.svc.cluster.local/actions/checkout.git@v4
+                name: Check out code
-        with:
+                with:
-          lfs: true
+                    lfs: true
-      - name: Build project.
+            -   name: Build project
-        run: |
+                run: |
-          git submodule update --init
+                    cd YaeBlog
-          podman pull mcr.azure.cn/dotnet/aspnet:10.0
+                    dotnet publish
-          pwsh build.ps1 build
+            -   name: Build docker image
-      - name: Workaround to make sure podman-login working.
+                run: |
-        run: |
+                    cd YaeBlog
-          mkdir -p /root/.docker
+                    docker build . -t registry.cn-beijing.aliyuncs.com/jackfiled/blog:latest
-      - name: Login tencent cloud docker registry.
+            -   name: Login aliyun docker registry
-        uses: http://github-mirrors.infra.svc.cluster.local/actions/podman-login.git@v1
+                uses: https://git.rrricardo.top/actions/login-action@v3
-        with:
+                with:
-          registry: ccr.ccs.tencentyun.com
+                    registry: registry.cn-beijing.aliyuncs.com
-          username: 100044380877
+                    username: 初冬的朝阳
-          password: ${{ secrets.TENCENT_REGISTRY_PASSWORD }}
+                    password: ${{ secrets.ALIYUN_PASSWORD }}
-          auth_file_path: /etc/containers/auth.json
+            -   name: Push docker image
-      - name: Push docker image.
+                run: docker push registry.cn-beijing.aliyuncs.com/jackfiled/blog:latest
-        run: podman push ccr.ccs.tencentyun.com/jackfiled/blog:latest

.gitignore

@@ -184,7 +184,6 @@ DocProject/Help/html
 
 # Click-Once directory
 publish/
-out/
 
 # Publish Web Output
 *.[Pp]ublish.xml
@@ -483,6 +482,3 @@ $RECYCLE.BIN/
 
 # Vim temporary swap files
 *.swp
-
-# Tailwind auto-generated stylesheet
-*.g.css

.gitmodules

@@ -1,3 +0,0 @@
-[submodule "third-party/BlazorSvgComponents"]
-	path = third-party/BlazorSvgComponents
-	url = https://git.rrricardo.top/jackfiled/BlazorSvgComponents.git

LICENSE

@@ -1,438 +0,0 @@
-Attribution-NonCommercial-ShareAlike 4.0 International
-
-=======================================================================
-
-Creative Commons Corporation ("Creative Commons") is not a law firm and
-does not provide legal services or legal advice. Distribution of
-Creative Commons public licenses does not create a lawyer-client or
-other relationship. Creative Commons makes its licenses and related
-information available on an "as-is" basis. Creative Commons gives no
-warranties regarding its licenses, any material licensed under their
-terms and conditions, or any related information. Creative Commons
-disclaims all liability for damages resulting from their use to the
-fullest extent possible.
-
-Using Creative Commons Public Licenses
-
-Creative Commons public licenses provide a standard set of terms and
-conditions that creators and other rights holders may use to share
-original works of authorship and other material subject to copyright
-and certain other rights specified in the public license below. The
-following considerations are for informational purposes only, are not
-exhaustive, and do not form part of our licenses.
-
-     Considerations for licensors: Our public licenses are
-     intended for use by those authorized to give the public
-     permission to use material in ways otherwise restricted by
-     copyright and certain other rights. Our licenses are
-     irrevocable. Licensors should read and understand the terms
-     and conditions of the license they choose before applying it.
-     Licensors should also secure all rights necessary before
-     applying our licenses so that the public can reuse the
-     material as expected. Licensors should clearly mark any
-     material not subject to the license. This includes other CC-
-     licensed material, or material used under an exception or
-     limitation to copyright. More considerations for licensors:
-    wiki.creativecommons.org/Considerations_for_licensors
-
-     Considerations for the public: By using one of our public
-     licenses, a licensor grants the public permission to use the
-     licensed material under specified terms and conditions. If
-     the licensor's permission is not necessary for any reason--for
-     example, because of any applicable exception or limitation to
-     copyright--then that use is not regulated by the license. Our
-     licenses grant only permissions under copyright and certain
-     other rights that a licensor has authority to grant. Use of
-     the licensed material may still be restricted for other
-     reasons, including because others have copyright or other
-     rights in the material. A licensor may make special requests,
-     such as asking that all changes be marked or described.
-     Although not required by our licenses, you are encouraged to
-     respect those requests where reasonable. More considerations
-     for the public:
-    wiki.creativecommons.org/Considerations_for_licensees
-
-=======================================================================
-
-Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International
-Public License
-
-By exercising the Licensed Rights (defined below), You accept and agree
-to be bound by the terms and conditions of this Creative Commons
-Attribution-NonCommercial-ShareAlike 4.0 International Public License
-("Public License"). To the extent this Public License may be
-interpreted as a contract, You are granted the Licensed Rights in
-consideration of Your acceptance of these terms and conditions, and the
-Licensor grants You such rights in consideration of benefits the
-Licensor receives from making the Licensed Material available under
-these terms and conditions.
-
-
-Section 1 -- Definitions.
-
-  a. Adapted Material means material subject to Copyright and Similar
-     Rights that is derived from or based upon the Licensed Material
-     and in which the Licensed Material is translated, altered,
-     arranged, transformed, or otherwise modified in a manner requiring
-     permission under the Copyright and Similar Rights held by the
-     Licensor. For purposes of this Public License, where the Licensed
-     Material is a musical work, performance, or sound recording,
-     Adapted Material is always produced where the Licensed Material is
-     synched in timed relation with a moving image.
-
-  b. Adapter's License means the license You apply to Your Copyright
-     and Similar Rights in Your contributions to Adapted Material in
-     accordance with the terms and conditions of this Public License.
-
-  c. BY-NC-SA Compatible License means a license listed at
-     creativecommons.org/compatiblelicenses, approved by Creative
-     Commons as essentially the equivalent of this Public License.
-
-  d. Copyright and Similar Rights means copyright and/or similar rights
-     closely related to copyright including, without limitation,
-     performance, broadcast, sound recording, and Sui Generis Database
-     Rights, without regard to how the rights are labeled or
-     categorized. For purposes of this Public License, the rights
-     specified in Section 2(b)(1)-(2) are not Copyright and Similar
-     Rights.
-
-  e. Effective Technological Measures means those measures that, in the
-     absence of proper authority, may not be circumvented under laws
-     fulfilling obligations under Article 11 of the WIPO Copyright
-     Treaty adopted on December 20, 1996, and/or similar international
-     agreements.
-
-  f. Exceptions and Limitations means fair use, fair dealing, and/or
-     any other exception or limitation to Copyright and Similar Rights
-     that applies to Your use of the Licensed Material.
-
-  g. License Elements means the license attributes listed in the name
-     of a Creative Commons Public License. The License Elements of this
-     Public License are Attribution, NonCommercial, and ShareAlike.
-
-  h. Licensed Material means the artistic or literary work, database,
-     or other material to which the Licensor applied this Public
-     License.
-
-  i. Licensed Rights means the rights granted to You subject to the
-     terms and conditions of this Public License, which are limited to
-     all Copyright and Similar Rights that apply to Your use of the
-     Licensed Material and that the Licensor has authority to license.
-
-  j. Licensor means the individual(s) or entity(ies) granting rights
-     under this Public License.
-
-  k. NonCommercial means not primarily intended for or directed towards
-     commercial advantage or monetary compensation. For purposes of
-     this Public License, the exchange of the Licensed Material for
-     other material subject to Copyright and Similar Rights by digital
-     file-sharing or similar means is NonCommercial provided there is
-     no payment of monetary compensation in connection with the
-     exchange.
-
-  l. Share means to provide material to the public by any means or
-     process that requires permission under the Licensed Rights, such
-     as reproduction, public display, public performance, distribution,
-     dissemination, communication, or importation, and to make material
-     available to the public including in ways that members of the
-     public may access the material from a place and at a time
-     individually chosen by them.
-
-  m. Sui Generis Database Rights means rights other than copyright
-     resulting from Directive 96/9/EC of the European Parliament and of
-     the Council of 11 March 1996 on the legal protection of databases,
-     as amended and/or succeeded, as well as other essentially
-     equivalent rights anywhere in the world.
-
-  n. You means the individual or entity exercising the Licensed Rights
-     under this Public License. Your has a corresponding meaning.
-
-
-Section 2 -- Scope.
-
-  a. License grant.
-
-       1. Subject to the terms and conditions of this Public License,
-          the Licensor hereby grants You a worldwide, royalty-free,
-          non-sublicensable, non-exclusive, irrevocable license to
-          exercise the Licensed Rights in the Licensed Material to:
-
-            a. reproduce and Share the Licensed Material, in whole or
-               in part, for NonCommercial purposes only; and
-
-            b. produce, reproduce, and Share Adapted Material for
-               NonCommercial purposes only.
-
-       2. Exceptions and Limitations. For the avoidance of doubt, where
-          Exceptions and Limitations apply to Your use, this Public
-          License does not apply, and You do not need to comply with
-          its terms and conditions.
-
-       3. Term. The term of this Public License is specified in Section
-          6(a).
-
-       4. Media and formats; technical modifications allowed. The
-          Licensor authorizes You to exercise the Licensed Rights in
-          all media and formats whether now known or hereafter created,
-          and to make technical modifications necessary to do so. The
-          Licensor waives and/or agrees not to assert any right or
-          authority to forbid You from making technical modifications
-          necessary to exercise the Licensed Rights, including
-          technical modifications necessary to circumvent Effective
-          Technological Measures. For purposes of this Public License,
-          simply making modifications authorized by this Section 2(a)
-          (4) never produces Adapted Material.
-
-       5. Downstream recipients.
-
-            a. Offer from the Licensor -- Licensed Material. Every
-               recipient of the Licensed Material automatically
-               receives an offer from the Licensor to exercise the
-               Licensed Rights under the terms and conditions of this
-               Public License.
-
-            b. Additional offer from the Licensor -- Adapted Material.
-               Every recipient of Adapted Material from You
-               automatically receives an offer from the Licensor to
-               exercise the Licensed Rights in the Adapted Material
-               under the conditions of the Adapter's License You apply.
-
-            c. No downstream restrictions. You may not offer or impose
-               any additional or different terms or conditions on, or
-               apply any Effective Technological Measures to, the
-               Licensed Material if doing so restricts exercise of the
-               Licensed Rights by any recipient of the Licensed
-               Material.
-
-       6. No endorsement. Nothing in this Public License constitutes or
-          may be construed as permission to assert or imply that You
-          are, or that Your use of the Licensed Material is, connected
-          with, or sponsored, endorsed, or granted official status by,
-          the Licensor or others designated to receive attribution as
-          provided in Section 3(a)(1)(A)(i).
-
-  b. Other rights.
-
-       1. Moral rights, such as the right of integrity, are not
-          licensed under this Public License, nor are publicity,
-          privacy, and/or other similar personality rights; however, to
-          the extent possible, the Licensor waives and/or agrees not to
-          assert any such rights held by the Licensor to the limited
-          extent necessary to allow You to exercise the Licensed
-          Rights, but not otherwise.
-
-       2. Patent and trademark rights are not licensed under this
-          Public License.
-
-       3. To the extent possible, the Licensor waives any right to
-          collect royalties from You for the exercise of the Licensed
-          Rights, whether directly or through a collecting society
-          under any voluntary or waivable statutory or compulsory
-          licensing scheme. In all other cases the Licensor expressly
-          reserves any right to collect such royalties, including when
-          the Licensed Material is used other than for NonCommercial
-          purposes.
-
-
-Section 3 -- License Conditions.
-
-Your exercise of the Licensed Rights is expressly made subject to the
-following conditions.
-
-  a. Attribution.
-
-       1. If You Share the Licensed Material (including in modified
-          form), You must:
-
-            a. retain the following if it is supplied by the Licensor
-               with the Licensed Material:
-
-                 i. identification of the creator(s) of the Licensed
-                    Material and any others designated to receive
-                    attribution, in any reasonable manner requested by
-                    the Licensor (including by pseudonym if
-                    designated);
-
-                ii. a copyright notice;
-
-               iii. a notice that refers to this Public License;
-
-                iv. a notice that refers to the disclaimer of
-                    warranties;
-
-                 v. a URI or hyperlink to the Licensed Material to the
-                    extent reasonably practicable;
-
-            b. indicate if You modified the Licensed Material and
-               retain an indication of any previous modifications; and
-
-            c. indicate the Licensed Material is licensed under this
-               Public License, and include the text of, or the URI or
-               hyperlink to, this Public License.
-
-       2. You may satisfy the conditions in Section 3(a)(1) in any
-          reasonable manner based on the medium, means, and context in
-          which You Share the Licensed Material. For example, it may be
-          reasonable to satisfy the conditions by providing a URI or
-          hyperlink to a resource that includes the required
-          information.
-       3. If requested by the Licensor, You must remove any of the
-          information required by Section 3(a)(1)(A) to the extent
-          reasonably practicable.
-
-  b. ShareAlike.
-
-     In addition to the conditions in Section 3(a), if You Share
-     Adapted Material You produce, the following conditions also apply.
-
-       1. The Adapter's License You apply must be a Creative Commons
-          license with the same License Elements, this version or
-          later, or a BY-NC-SA Compatible License.
-
-       2. You must include the text of, or the URI or hyperlink to, the
-          Adapter's License You apply. You may satisfy this condition
-          in any reasonable manner based on the medium, means, and
-          context in which You Share Adapted Material.
-
-       3. You may not offer or impose any additional or different terms
-          or conditions on, or apply any Effective Technological
-          Measures to, Adapted Material that restrict exercise of the
-          rights granted under the Adapter's License You apply.
-
-
-Section 4 -- Sui Generis Database Rights.
-
-Where the Licensed Rights include Sui Generis Database Rights that
-apply to Your use of the Licensed Material:
-
-  a. for the avoidance of doubt, Section 2(a)(1) grants You the right
-     to extract, reuse, reproduce, and Share all or a substantial
-     portion of the contents of the database for NonCommercial purposes
-     only;
-
-  b. if You include all or a substantial portion of the database
-     contents in a database in which You have Sui Generis Database
-     Rights, then the database in which You have Sui Generis Database
-     Rights (but not its individual contents) is Adapted Material,
-     including for purposes of Section 3(b); and
-
-  c. You must comply with the conditions in Section 3(a) if You Share
-     all or a substantial portion of the contents of the database.
-
-For the avoidance of doubt, this Section 4 supplements and does not
-replace Your obligations under this Public License where the Licensed
-Rights include other Copyright and Similar Rights.
-
-
-Section 5 -- Disclaimer of Warranties and Limitation of Liability.
-
-  a. UNLESS OTHERWISE SEPARATELY UNDERTAKEN BY THE LICENSOR, TO THE
-     EXTENT POSSIBLE, THE LICENSOR OFFERS THE LICENSED MATERIAL AS-IS
-     AND AS-AVAILABLE, AND MAKES NO REPRESENTATIONS OR WARRANTIES OF
-     ANY KIND CONCERNING THE LICENSED MATERIAL, WHETHER EXPRESS,
-     IMPLIED, STATUTORY, OR OTHER. THIS INCLUDES, WITHOUT LIMITATION,
-     WARRANTIES OF TITLE, MERCHANTABILITY, FITNESS FOR A PARTICULAR
-     PURPOSE, NON-INFRINGEMENT, ABSENCE OF LATENT OR OTHER DEFECTS,
-     ACCURACY, OR THE PRESENCE OR ABSENCE OF ERRORS, WHETHER OR NOT
-     KNOWN OR DISCOVERABLE. WHERE DISCLAIMERS OF WARRANTIES ARE NOT
-     ALLOWED IN FULL OR IN PART, THIS DISCLAIMER MAY NOT APPLY TO YOU.
-
-  b. TO THE EXTENT POSSIBLE, IN NO EVENT WILL THE LICENSOR BE LIABLE
-     TO YOU ON ANY LEGAL THEORY (INCLUDING, WITHOUT LIMITATION,
-     NEGLIGENCE) OR OTHERWISE FOR ANY DIRECT, SPECIAL, INDIRECT,
-     INCIDENTAL, CONSEQUENTIAL, PUNITIVE, EXEMPLARY, OR OTHER LOSSES,
-     COSTS, EXPENSES, OR DAMAGES ARISING OUT OF THIS PUBLIC LICENSE OR
-     USE OF THE LICENSED MATERIAL, EVEN IF THE LICENSOR HAS BEEN
-     ADVISED OF THE POSSIBILITY OF SUCH LOSSES, COSTS, EXPENSES, OR
-     DAMAGES. WHERE A LIMITATION OF LIABILITY IS NOT ALLOWED IN FULL OR
-     IN PART, THIS LIMITATION MAY NOT APPLY TO YOU.
-
-  c. The disclaimer of warranties and limitation of liability provided
-     above shall be interpreted in a manner that, to the extent
-     possible, most closely approximates an absolute disclaimer and
-     waiver of all liability.
-
-
-Section 6 -- Term and Termination.
-
-  a. This Public License applies for the term of the Copyright and
-     Similar Rights licensed here. However, if You fail to comply with
-     this Public License, then Your rights under this Public License
-     terminate automatically.
-
-  b. Where Your right to use the Licensed Material has terminated under
-     Section 6(a), it reinstates:
-
-       1. automatically as of the date the violation is cured, provided
-          it is cured within 30 days of Your discovery of the
-          violation; or
-
-       2. upon express reinstatement by the Licensor.
-
-     For the avoidance of doubt, this Section 6(b) does not affect any
-     right the Licensor may have to seek remedies for Your violations
-     of this Public License.
-
-  c. For the avoidance of doubt, the Licensor may also offer the
-     Licensed Material under separate terms or conditions or stop
-     distributing the Licensed Material at any time; however, doing so
-     will not terminate this Public License.
-
-  d. Sections 1, 5, 6, 7, and 8 survive termination of this Public
-     License.
-
-
-Section 7 -- Other Terms and Conditions.
-
-  a. The Licensor shall not be bound by any additional or different
-     terms or conditions communicated by You unless expressly agreed.
-
-  b. Any arrangements, understandings, or agreements regarding the
-     Licensed Material not stated herein are separate from and
-     independent of the terms and conditions of this Public License.
-
-
-Section 8 -- Interpretation.
-
-  a. For the avoidance of doubt, this Public License does not, and
-     shall not be interpreted to, reduce, limit, restrict, or impose
-     conditions on any use of the Licensed Material that could lawfully
-     be made without permission under this Public License.
-
-  b. To the extent possible, if any provision of this Public License is
-     deemed unenforceable, it shall be automatically reformed to the
-     minimum extent necessary to make it enforceable. If the provision
-     cannot be reformed, it shall be severed from this Public License
-     without affecting the enforceability of the remaining terms and
-     conditions.
-
-  c. No term or condition of this Public License will be waived and no
-     failure to comply consented to unless expressly agreed to by the
-     Licensor.
-
-  d. Nothing in this Public License constitutes or may be interpreted
-     as a limitation upon, or waiver of, any privileges and immunities
-     that apply to the Licensor or You, including from the legal
-     processes of any jurisdiction or authority.
-
-=======================================================================
-
-Creative Commons is not a party to its public
-licenses. Notwithstanding, Creative Commons may elect to apply one of
-its public licenses to material it publishes and in those instances
-will be considered the “Licensor.” The text of the Creative Commons
-public licenses is dedicated to the public domain under the CC0 Public
-Domain Dedication. Except for the limited purpose of indicating that
-material is shared under a Creative Commons public license or as
-otherwise permitted by the Creative Commons policies published at
-creativecommons.org/policies, Creative Commons does not authorize the
-use of the trademark "Creative Commons" or any other trademark or logo
-of Creative Commons without its prior written consent including,
-without limitation, in connection with any unauthorized modifications
-to any of its public licenses or any other arrangements,
-understandings, or agreements concerning use of licensed material. For
-the avoidance of doubt, this paragraph does not form part of the
-public licenses.
-
-Creative Commons may be contacted at creativecommons.org.
-

README.md

@@ -1,9 +0,0 @@
-# YaeBlog
-
-Ricardo Ren 的个人主页和博客仓库。
-
-主页地址：[rrricardo.top](https://rrricardo.top)
-
-博客地址：[rrricardo.top/blog/](https://rrricardo.top/blog/)
-
-欢迎各位来玩~ 未来也会添加更多有趣的功能~

YaeBlog.Core/Abstractions/IEssayContentService.cs

@@ -0,0 +1,13 @@
+using System.Diagnostics.CodeAnalysis;
+using YaeBlog.Core.Models;
+
+namespace YaeBlog.Core.Abstractions;
+
+public interface IEssayContentService
+{
+    public IReadOnlyDictionary<string, BlogEssay> Essays { get; }
+
+    public IReadOnlyDictionary<EssayTag, List<BlogEssay>> Tags { get; }
+
+    public bool SearchByUrlEncodedTag(string tag,[NotNullWhen(true)] out List<BlogEssay>? result);
+}

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/Abstractions/ITableOfContentService.cs

@@ -0,0 +1,8 @@
+using YaeBlog.Core.Models;
+
+namespace YaeBlog.Core.Abstractions;
+
+public interface ITableOfContentService
+{
+    public IReadOnlyDictionary<string, BlogHeadline> Headlines { get; }
+}

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

@@ -0,0 +1,32 @@
+using Markdig;
+using Microsoft.Extensions.DependencyInjection;
+using YamlDotNet.Serialization;
+using YamlDotNet.Serialization.NamingConventions;
+
+namespace YaeBlog.Core.Extensions;
+
+public static class ServiceCollectionExtensions
+{
+    public static IServiceCollection AddMarkdig(this IServiceCollection collection)
+    {
+        MarkdownPipelineBuilder builder = new();
+
+        builder.UseAdvancedExtensions();
+
+        collection.AddSingleton<MarkdownPipeline>(_ => builder.Build());
+
+        return collection;
+    }
+
+    public static IServiceCollection AddYamlParser(this IServiceCollection collection)
+    {
+        DeserializerBuilder builder = new();
+
+        builder.WithNamingConvention(CamelCaseNamingConvention.Instance);
+        builder.IgnoreUnmatchedProperties();
+
+        collection.AddSingleton<IDeserializer>(_ => builder.Build());
+
+        return collection;
+    }
+}

YaeBlog.Core/Extensions/WebApplicationBuilderExtensions.cs

@@ -0,0 +1,42 @@
+using AngleSharp;
+using Microsoft.AspNetCore.Builder;
+using Microsoft.Extensions.DependencyInjection;
+using Microsoft.Extensions.Options;
+using YaeBlog.Core.Abstractions;
+using YaeBlog.Core.Models;
+using YaeBlog.Core.Processors;
+using YaeBlog.Core.Services;
+
+namespace YaeBlog.Core.Extensions;
+
+public static class WebApplicationBuilderExtensions
+{
+    public static WebApplicationBuilder AddYaeBlog(this WebApplicationBuilder builder)
+    {
+        builder.Services.Configure<BlogOptions>(builder.Configuration.GetSection(BlogOptions.OptionName));
+
+        builder.Services.AddHttpClient();
+
+        builder.Services.AddMarkdig();
+        builder.Services.AddYamlParser();
+        builder.Services.AddSingleton<IConfiguration>(_ => Configuration.Default);
+        builder.Services.AddSingleton<EssayScanService>();
+        builder.Services.AddSingleton<RendererService>();
+        builder.Services.AddSingleton<EssayContentService>();
+        builder.Services.AddSingleton<IEssayContentService, EssayContentService>(provider =>
+            provider.GetRequiredService<EssayContentService>());
+        builder.Services.AddSingleton<TableOfContentService>();
+        builder.Services.AddSingleton<ITableOfContentService, TableOfContentService>(provider =>
+            provider.GetRequiredService<TableOfContentService>());
+        builder.Services.AddTransient<ImagePostRenderProcessor>();
+        builder.Services.AddTransient<CodeBlockPostRenderProcessor>();
+        builder.Services.AddTransient<TablePostRenderProcessor>();
+        builder.Services.AddTransient<HeadlinePostRenderProcessor>();
+        builder.Services.AddTransient<BlogOptions>(provider =>
+            provider.GetRequiredService<IOptions<BlogOptions>>().Value);
+
+        builder.Services.AddHostedService<BlogHostedService>();
+
+        return builder;
+    }
+}

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

@@ -0,0 +1,8 @@
+namespace YaeBlog.Core.Models;
+
+public class BlogContent
+{
+    public required string FileName { get; init; }
+
+    public required string FileContent { get; set; }
+}

YaeBlog.Core/Models/BlogEssay.cs

@@ -0,0 +1,52 @@
+namespace YaeBlog.Core.Models;
+
+public class BlogEssay : IComparable<BlogEssay>
+{
+    public required string Title { get; init; }
+
+    public required string FileName { get; init; }
+
+    public required DateTime PublishTime { get; init; }
+
+    public required string Description { get; init; }
+
+    public required uint WordCount { get; init; }
+
+    public required string ReadTime { get; init; }
+
+    public List<string> Tags { get; } = [];
+
+    public required string HtmlContent { get; init; }
+
+    public BlogEssay WithNewHtmlContent(string newHtmlContent)
+    {
+        var essay = new BlogEssay
+        {
+            Title = Title,
+            FileName = FileName,
+            PublishTime = PublishTime,
+            Description = Description,
+            WordCount = WordCount,
+            ReadTime = ReadTime,
+            HtmlContent = newHtmlContent
+        };
+        essay.Tags.AddRange(Tags);
+
+        return essay;
+    }
+
+    public int CompareTo(BlogEssay? other)
+    {
+        if (other is null)
+        {
+            return 1;
+        }
+
+        return PublishTime.CompareTo(other.PublishTime);
+    }
+
+    public override string ToString()
+    {
+        return $"{Title}-{PublishTime}";
+    }
+}

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

@@ -0,0 +1,26 @@
+namespace YaeBlog.Core.Models;
+
+public class BlogOptions
+{
+    public const string OptionName = "Blog";
+
+    /// <summary>
+    /// 博客markdown文件的根目录
+    /// </summary>
+    public required string Root { get; set; }
+
+    /// <summary>
+    /// 博客正文的广而告之
+    /// </summary>
+    public required string Announcement { get; set; }
+
+    /// <summary>
+    /// 博客的起始年份
+    /// </summary>
+    public required int StartYear { get; set; }
+
+    /// <summary>
+    /// 博客的友链
+    /// </summary>
+    public required List<FriendLink> Links { get; set; }
+}

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

@@ -0,0 +1,27 @@
+namespace YaeBlog.Core.Models;
+
+/// <summary>
+/// 友链模型类
+/// </summary>
+public class FriendLink
+{
+    /// <summary>
+    /// 友链名称
+    /// </summary>
+    public required string Name { get; set; }
+
+    /// <summary>
+    /// 友链的简单介绍
+    /// </summary>
+    public required string Description { get; set; }
+
+    /// <summary>
+    /// 友链地址
+    /// </summary>
+    public required string Link { get; set; }
+
+    /// <summary>
+    /// 头像地址
+    /// </summary>
+    public required string AvatarImage { get; set; }
+}

YaeBlog.Core/Models/MarkdownMetadata.cs

@@ -1,12 +1,10 @@
-namespace YaeBlog.Models;
+namespace YaeBlog.Core.Models;
 
 public class MarkdownMetadata
 {
     public string? Title { get; set; }
 
-    public string? Date { get; set; }
+    public DateTime? Date { get; set; }
-
-    public string? UpdateTime { get; set; }
 
     public List<string>? Tags { get; set; }
 }

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,14 +1,14 @@
 using AngleSharp;
 using AngleSharp.Dom;
-using YaeBlog.Abstraction;
+using YaeBlog.Core.Abstractions;
-using YaeBlog.Models;
+using YaeBlog.Core.Models;
+using YaeBlog.Core.Services;
 
-namespace YaeBlog.Processors;
+namespace YaeBlog.Core.Processors;
 
 public class HeadlinePostRenderProcessor(
-    AngleSharp.IConfiguration angleConfiguration,
+    IConfiguration angleConfiguration,
-    IEssayContentService essayContentService,
+    TableOfContentService tableOfContentService) : IPostRenderProcessor
-    ILogger<HeadlinePostRenderProcessor> logger) : IPostRenderProcessor
 {
     public async Task<BlogEssay> ProcessAsync(BlogEssay essay)
     {
@@ -62,12 +62,9 @@ public class HeadlinePostRenderProcessor(
         FindParentHeadline(topHeadline, level2List).Children.AddRange(level3List);
         topHeadline.Children.AddRange(level2List);
 
-        if (!essayContentService.TryAddHeadline(essay.FileName, topHeadline))
+        tableOfContentService.AddHeadline(essay.FileName, topHeadline);
-        {
-            logger.LogWarning("Failed to add headline of {}.", essay.FileName);
-        }
 
-        return essay with { HtmlContent = document.DocumentElement.OuterHtml };
+        return essay.WithNewHtmlContent(document.DocumentElement.OuterHtml);
     }
 
     private static BlogHeadline ParserHeadlineElement(IElement element)

YaeBlog.Core/Processors/ImagePostRenderProcessor.cs

@@ -1,28 +1,23 @@
 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.Core.Models;
-using YaeBlog.Models;
 
-namespace YaeBlog.Processors;
+namespace YaeBlog.Core.Processors;
 
-/// <summary>
+public class ImagePostRenderProcessor(ILogger<ImagePostRenderProcessor> logger,
-/// 图片地址路径后处理器
-/// 将本地图片地址修改为图片API地址
-/// </summary>
-/// <param name="logger"></param>
-/// <param name="options"></param>
-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));
 
@@ -36,36 +31,32 @@ public class ImagePostRenderProcessor(
             if (attr is not null)
             {
                 logger.LogDebug("Found image link: '{}'", attr.Value);
-                attr.Value = GenerateImageLink(attr.Value, essay.FileName, essay.IsDraft);
+                attr.Value = GenerateImageLink(attr.Value, essay.FileName);
             }
+            element.ClassList.Add("essay-image");
         }
-
+        return essay.WithNewHtmlContent(html.DocumentElement.OuterHtml);
-        return essay with { HtmlContent = html.DocumentElement.OuterHtml };
     }
 
     public string Name => nameof(ImagePostRenderProcessor);
 
-    private string GenerateImageLink(string filename, string essayFilename, bool isDraft)
+    private string GenerateImageLink(string filename, string essayFilename)
     {
-        // 如果图片路径中没有包含文件名
-        // 则添加文件名
         if (!filename.Contains(essayFilename))
         {
             filename = Path.Combine(essayFilename, filename);
         }
 
-        filename = isDraft
+        filename = Path.Combine(_options.Root, filename);
-            ? Path.Combine(_options.Root, "drafts", filename)
-            : Path.Combine(_options.Root, "posts", filename);
 
         if (!Path.Exists(filename))
         {
             logger.LogError("Failed to found image: {}.", filename);
-            throw new BlogFileException($"Image {filename} doesn't exist.");
+            throw new InvalidOperationException();
         }
 
         string imageLink = "api/files/" + filename;
-        logger.LogDebug("Generate image link '{link}' for image file '{filename}'.",
+        logger.LogDebug("Generate image link '{}' for image file '{}'.",
             imageLink, filename);
 
         return imageLink;

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/README.md

@@ -0,0 +1,5 @@
+# YaeBlog.Core
+
+A blog generation totally based on Blazor.
+
+You can using this to create your blog all in .NET stack!

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/EssayContentService.cs

@@ -1,41 +1,22 @@
 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) => _essays.TryAdd(essay.FileName, essay);
 
-    public bool TryAdd(BlogEssay essay)
+    public IReadOnlyDictionary<string, BlogEssay> Essays => _essays;
-    {
-        _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 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;
 
-    public IReadOnlyDictionary<string, BlogHeadline> Headlines => _headlines;
-
     public void RefreshTags()
     {
          _tags.Clear();
@@ -64,11 +45,4 @@ public class EssayContentService : IEssayContentService
 
         return result is not null;
     }
-
-    public void Clear()
-    {
-        _essays.Clear();
-        _tags.Clear();
-        _headlines.Clear();
-    }
 }

YaeBlog.Core/Services/EssayScanService.cs

@@ -0,0 +1,57 @@
+using System.Collections.Concurrent;
+using Microsoft.Extensions.Logging;
+using Microsoft.Extensions.Options;
+using YaeBlog.Core.Exceptions;
+using YaeBlog.Core.Models;
+
+namespace YaeBlog.Core.Services;
+
+public class EssayScanService(
+    IOptions<BlogOptions> blogOptions,
+    ILogger<EssayContentService> logger)
+{
+    private readonly BlogOptions _blogOptions = blogOptions.Value;
+
+    public async Task<List<BlogContent>> ScanAsync()
+    {
+        string root = Path.Combine(Environment.CurrentDirectory, _blogOptions.Root);
+        DirectoryInfo rootDirectory = new(root);
+
+        if (!rootDirectory.Exists)
+        {
+            throw new BlogFileException($"'{root}' is not a directory.");
+        }
+
+        List<FileInfo> markdownFiles = [];
+
+        await Task.Run(() =>
+        {
+            foreach (FileInfo fileInfo in rootDirectory.EnumerateFiles())
+            {
+                if (fileInfo.Extension != ".md")
+                {
+                    continue;
+                }
+
+                logger.LogDebug("Scan markdown file: {}.", fileInfo.Name);
+                markdownFiles.Add(fileInfo);
+            }
+        });
+
+        ConcurrentBag<BlogContent> contents = [];
+
+        await Parallel.ForEachAsync(markdownFiles, async (info, token) =>
+        {
+            StreamReader reader = new(info.OpenRead());
+
+            BlogContent content = new()
+            {
+                FileName = info.Name.Split('.')[0], FileContent = await reader.ReadToEndAsync(token)
+            };
+
+            contents.Add(content);
+        });
+
+        return contents.ToList();
+    }
+}

YaeBlog.Core/Services/RendererService.cs

@@ -0,0 +1,245 @@
+using System.Collections.Concurrent;
+using System.Diagnostics;
+using System.Text;
+using System.Text.RegularExpressions;
+using Markdig;
+using Microsoft.Extensions.Logging;
+using YaeBlog.Core.Abstractions;
+using YaeBlog.Core.Exceptions;
+using YaeBlog.Core.Models;
+using YamlDotNet.Core;
+using YamlDotNet.Serialization;
+
+namespace YaeBlog.Core.Services;
+
+public partial class RendererService(
+    ILogger<RendererService> logger,
+    EssayScanService essayScanService,
+    MarkdownPipeline markdownPipeline,
+    IDeserializer yamlDeserializer,
+    EssayContentService essayContentService)
+{
+    private readonly Stopwatch _stopwatch = new();
+
+    private readonly List<IPreRenderProcessor> _preRenderProcessors = [];
+
+    private readonly List<IPostRenderProcessor> _postRenderProcessors = [];
+
+    public async Task RenderAsync()
+    {
+        _stopwatch.Start();
+        logger.LogInformation("Render essays start.");
+
+        List<BlogContent> contents = await essayScanService.ScanAsync();
+        IEnumerable<BlogContent> preProcessedContents = await PreProcess(contents);
+
+        List<BlogEssay> essays = [];
+        await Task.Run(() =>
+        {
+            foreach (BlogContent content in preProcessedContents)
+            {
+                MarkdownMetadata? metadata = TryParseMetadata(content);
+                uint wordCount = GetWordCount(content);
+                BlogEssay essay = new()
+                {
+                    Title = metadata?.Title ?? content.FileName,
+                    FileName = content.FileName,
+                    Description = GetDescription(content),
+                    WordCount = wordCount,
+                    ReadTime = CalculateReadTime(wordCount),
+                    PublishTime = metadata?.Date ?? DateTime.Now,
+                    HtmlContent = content.FileContent
+                };
+
+                if (metadata?.Tags is not null)
+                {
+                    essay.Tags.AddRange(metadata.Tags);
+                }
+
+                essays.Add(essay);
+            }
+        });
+
+        ConcurrentBag<BlogEssay> postProcessEssays = [];
+        Parallel.ForEach(essays, essay =>
+        {
+            BlogEssay newEssay =
+                essay.WithNewHtmlContent(Markdown.ToHtml(essay.HtmlContent, markdownPipeline));
+
+            postProcessEssays.Add(newEssay);
+            logger.LogDebug("Render markdown file {}.", newEssay);
+        });
+
+        await PostProcess(postProcessEssays);
+        essayContentService.RefreshTags();
+
+        _stopwatch.Stop();
+        logger.LogInformation("Render finished, consuming {} s.",
+            _stopwatch.Elapsed.ToString("s\\.fff"));
+    }
+
+    public void AddPreRenderProcessor(IPreRenderProcessor processor)
+    {
+        bool exist = _preRenderProcessors.Any(p => p.Name == processor.Name);
+
+        if (exist)
+        {
+            throw new InvalidOperationException("There exists one pre-render processor " +
+                                                $"with the same name: {processor.Name}.");
+        }
+
+        _preRenderProcessors.Add(processor);
+    }
+
+    public void AddPostRenderProcessor(IPostRenderProcessor processor)
+    {
+        bool exist = _postRenderProcessors.Any(p => p.Name == processor.Name);
+
+        if (exist)
+        {
+            throw new InvalidCastException("There exists one post-render processor " +
+                                           $"with the same name: {processor.Name}.");
+        }
+
+        _postRenderProcessors.Add(processor);
+    }
+
+    private async Task<IEnumerable<BlogContent>> PreProcess(IEnumerable<BlogContent> contents)
+    {
+        ConcurrentBag<BlogContent> processedContents = [];
+
+        await Parallel.ForEachAsync(contents, async (content, _) =>
+        {
+            foreach (var processor in _preRenderProcessors)
+            {
+                content = await processor.ProcessAsync(content);
+            }
+
+            processedContents.Add(content);
+        });
+
+        return processedContents;
+    }
+
+    private async Task PostProcess(IEnumerable<BlogEssay> essays)
+    {
+        await Parallel.ForEachAsync(essays, async (essay, _) =>
+        {
+            foreach (IPostRenderProcessor processor in _postRenderProcessors)
+            {
+                essay = await processor.ProcessAsync(essay);
+            }
+
+            if (!essayContentService.TryAdd(essay))
+            {
+                throw new BlogFileException(
+                    $"There are two essays with the same name: '{essay.FileName}'.");
+            }
+        });
+    }
+
+    private MarkdownMetadata? TryParseMetadata(BlogContent content)
+    {
+        string fileContent = content.FileContent.Trim();
+
+        if (!fileContent.StartsWith("---"))
+        {
+            return null;
+        }
+
+        // 移除起始的---
+        fileContent = fileContent[3..];
+
+        int lastPos = fileContent.IndexOf("---", StringComparison.Ordinal);
+        if (lastPos is -1 or 0)
+        {
+            return null;
+        }
+
+        string yamlContent = fileContent[..lastPos];
+        // 返回去掉元数据之后的文本
+        lastPos += 3;
+        content.FileContent = fileContent[lastPos..];
+
+        try
+        {
+            MarkdownMetadata metadata =
+                yamlDeserializer.Deserialize<MarkdownMetadata>(yamlContent);
+            logger.LogDebug("Title: {}, Publish Date: {}.",
+                metadata.Title, metadata.Date);
+
+            return metadata;
+        }
+        catch (YamlException e)
+        {
+            logger.LogWarning("Failed to parse '{}' metadata: {}", yamlContent, e);
+            return null;
+        }
+    }
+
+    [GeneratedRegex(@"(?<!\\)[^\#\*_\-\+\`{}\[\]!~]+")]
+    private static partial Regex DescriptionPattern();
+
+    private string GetDescription(BlogContent content)
+    {
+        const string delimiter = "<!--more-->";
+        int pos = content.FileContent.IndexOf(delimiter, StringComparison.Ordinal);
+        bool breakSentence = false;
+
+        if (pos == -1)
+        {
+            // 自动截取前50个字符
+            pos = content.FileContent.Length < 50 ? content.FileContent.Length : 50;
+            breakSentence = true;
+        }
+
+        string rawContent = content.FileContent[..pos];
+        MatchCollection matches = DescriptionPattern().Matches(rawContent);
+
+        StringBuilder builder = new();
+        foreach (Match match in matches)
+        {
+            builder.Append(match.Value);
+        }
+
+        if (breakSentence)
+        {
+            builder.Append("……");
+        }
+
+        string description = builder.ToString();
+
+        logger.LogDebug("Description of {} is {}.", content.FileName,
+            description);
+        return description;
+    }
+
+    private uint GetWordCount(BlogContent content)
+    {
+        uint count = 0;
+
+        foreach (char c in content.FileContent)
+        {
+            if (char.IsControl(c) || char.IsSymbol(c)
+                                  || char.IsSeparator(c))
+            {
+                continue;
+            }
+
+            count++;
+        }
+
+        logger.LogDebug("Word count of {} is {}", content.FileName,
+            count);
+        return count;
+    }
+
+    private static string CalculateReadTime(uint wordCount)
+    {
+        // 据说语文教学大纲规定，中国高中问阅读现代文的速度是600字每分钟
+        int second = (int)wordCount / 10;
+        TimeSpan span = new TimeSpan(0, 0, second);
+
+        return span.ToString("mm'分 'ss'秒'");
+    }
+}

YaeBlog.Core/Services/TableOfContentService.cs

@@ -0,0 +1,20 @@
+using System.Collections.Concurrent;
+using YaeBlog.Core.Abstractions;
+using YaeBlog.Core.Models;
+
+namespace YaeBlog.Core.Services;
+
+public class TableOfContentService : ITableOfContentService
+{
+    private readonly ConcurrentDictionary<string, BlogHeadline> _headlines = [];
+
+    public IReadOnlyDictionary<string, BlogHeadline> Headlines => _headlines;
+
+    public void AddHeadline(string filename, BlogHeadline headline)
+    {
+        if (!_headlines.TryAdd(filename, headline))
+        {
+            throw new InvalidOperationException();
+        }
+    }
+}

YaeBlog.Core/YaeBlog.Core.csproj

@@ -0,0 +1,45 @@
+<Project Sdk="Microsoft.NET.Sdk.Razor">
+
+  <PropertyGroup>
+    <TargetFramework>net8.0</TargetFramework>
+    <Nullable>enable</Nullable>
+    <ImplicitUsings>enable</ImplicitUsings>
+  </PropertyGroup>
+
+  <PropertyGroup>
+    <PackageId>YaeBlog.Core</PackageId>
+    <Version>0.1.0</Version>
+    <Authors>Ricardo Ren</Authors>
+    <Company>Ricardo Ren</Company>
+    <PackageLicenseExpression>MIT</PackageLicenseExpression>
+    <PackageReadmeFile>README.md</PackageReadmeFile>
+  </PropertyGroup>
+
+
+  <ItemGroup>
+    <SupportedPlatform Include="browser" />
+  </ItemGroup>
+
+  <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>
+    <None Include="../.gitignore" />
+    <None Include="../.editorconfig" />
+    <None Include="./README.md" Pack="true" PackagePath="/"/>
+  </ItemGroup>
+
+  <ItemGroup>
+    <Folder Include="wwwroot\" />
+  </ItemGroup>
+
+</Project>

YaeBlog.sln

@@ -0,0 +1,38 @@
+
+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}"
+EndProject
+Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "workflows", "workflows", "{ADBC3DA8-F65C-4B5D-A97A-DC351F8E6592}"
+	ProjectSection(SolutionItems) = preProject
+		.gitea\workflows\build.yaml = .gitea\workflows\build.yaml
+	EndProjectSection
+EndProject
+Global
+	GlobalSection(SolutionConfigurationPlatforms) = preSolution
+		Debug|Any CPU = Debug|Any CPU
+		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
+		{20438EFD-8DDE-43AF-92E2-76495C29233C}.Release|Any CPU.Build.0 = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(SolutionProperties) = preSolution
+		HideSolutionNode = FALSE
+	EndGlobalSection
+	GlobalSection(NestedProjects) = preSolution
+		{ADBC3DA8-F65C-4B5D-A97A-DC351F8E6592} = {9B5AAA29-37D8-454A-8D8F-3E6B6BCF38E6}
+	EndGlobalSection
+EndGlobal

YaeBlog.slnx

@@ -1,23 +0,0 @@
-<Solution>
-  <Folder Name="/.gitea/" />
-  <Folder Name="/.gitea/workflows/">
-    <File Path=".gitea/workflows/build.yaml" />
-  </Folder>
-  <Folder Name="/Solution Items/">
-    <File Path=".editorconfig" />
-    <File Path=".gitattributes" />
-    <File Path=".gitignore" />
-    <File Path="build.ps1" />
-    <File Path="LICENSE" />
-    <File Path="README.md" />
-  </Folder>
-  <Folder Name="/src/">
-    <Project Path="src/YaeBlog.Tests/YaeBlog.Tests.csproj" />
-    <Project Path="src/YaeBlog/YaeBlog.csproj" />
-  </Folder>
-  <Folder Name="/third-party/" />
-  <Folder Name="/third-party/BlazorSvgComponents/" />
-  <Folder Name="/third-party/BlazorSvgComponents/src/">
-    <Project Path="third-party/BlazorSvgComponents/src/BlazorSvgComponents/BlazorSvgComponents.csproj" />
-  </Folder>
-</Solution>

YaeBlog/Components/App.razor

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <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"/>
+    <HeadOutlet/>
+</head>
+
+<body>
+<Routes/>
+
+<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

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

YaeBlog/Components/EssayCard.razor

@@ -0,0 +1,39 @@
+@using YaeBlog.Core.Models
+
+<div class="container p-3">
+    <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="row p-2 justify-content-start">
+        <div class="col-auto fw-light">
+            @(Essay.PublishTime.ToString("yyyy-MM-dd"))
+        </div>
+
+        @foreach (string key in Essay.Tags)
+        {
+            <div class="col-auto">
+                <a href="/blog/tags/?tagName=@key">
+                    # @key
+                </a>
+            </div>
+        }
+    </div>
+
+    <div class="row p-2">
+        <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; }
+}

YaeBlog/Components/EssayCard.razor.css

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

YaeBlog/Components/Foonter.razor

@@ -0,0 +1,14 @@
+<div class="row align-items-end text-center">
+    <div class="row">
+        <p class="fs-6">
+            2021 - @(DateTimeOffset.Now.Year) © <a href="https://rrricardo.top" target="_blank">Ricardo Ren</a>，
+            由 <a href="https://dotnet.microsoft.com/zh-cn/" target="_blank">.NET @(Environment.Version)</a> 驱动。
+        </p>
+    </div>
+
+    <div class="row">
+        <p class="fs-6">
+            <a href="https://beian.miit.gov.cn" target="_blank">蜀ICP备2022004429号-1</a>
+        </p>
+    </div>
+</div>

YaeBlog/Components/LicenseDisclaimer.razor

@@ -0,0 +1,36 @@
+@using YaeBlog.Core.Models
+
+@inject BlogOptions Options
+
+<div class="row px-2 py-4 copyright border border-primary rounded-1 bg-primary-subtle">
+    <div class="col">
+        <div class="row p-1">
+            <div class="col">
+                文章作者：<a href="https://rrricardo.top" target="_blank">Ricardo Ren</a>
+            </div>
+        </div>
+
+        <div class="row p-1">
+            <div class="col">
+                文章地址：
+                <a href="/blog/essays/@(EssayAddress)" target="_blank">
+                    @($"https://rrricardo.top/blog/essays/{EssayAddress}")
+                </a>
+            </div>
+        </div>
+
+        <div class="row p-1">
+            <div class="col">
+                版权声明：本博客所有文章除特别声明外，均采用
+                <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">CC BY-NC-SA 4.0</a>
+                许可协议，转载请注明来自
+                <a href="https://rrricardo.top/blog/" target="_blank">Ricardo's Blog</a>。
+            </div>
+        </div>
+    </div>
+</div>
+
+@code
+{
+    [Parameter] public string? EssayAddress { get; set; }
+}

YaeBlog/Components/LicenseDisclaimer.razor.css

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

YaeBlog/Components/Routes.razor

@@ -9,6 +9,6 @@
             <RouteView RouteData="@routeData" DefaultLayout="@typeof(Layout.MainLayout)"></RouteView>
         }
 
-        <FocusOnNavigate RouteData="routeData" Selector="page-starter"/>
+        <FocusOnNavigate RouteData="routeData" Selector="h1"/>
     </Found>
 </Router>

YaeBlog/Controllers/FilesController.cs

@@ -9,20 +9,12 @@ public class FilesController : ControllerBase
     [HttpGet("{*filename}")]
     public IActionResult Images(string filename)
     {
-        // 这里疑似有点太愚蠢了
         string contentType = "image/png";
-
         if (filename.EndsWith("jpg") || filename.EndsWith("jpeg"))
         {
             contentType = "image/jpeg";
         }
 
-        if (filename.EndsWith("svg"))
-        {
-            contentType = "image/svg+xml";
-        }
-
-
         FileInfo imageFile = new(filename);
 
         if (!imageFile.Exists)

YaeBlog/Dockerfile

@@ -0,0 +1,8 @@
+FROM mcr.microsoft.com/dotnet/aspnet:8.0
+
+WORKDIR /app
+COPY bin/Release/net8.0/publish/ ./
+COPY source/ ./source/
+COPY appsettings.json .
+
+ENTRYPOINT ["dotnet", "YaeBlog.dll"]

YaeBlog/Layout/BlogLayout.razor

@@ -0,0 +1,63 @@
+@inherits LayoutComponentBase
+
+@attribute [StreamRendering]
+
+<main class="container">
+    <div class="row d-none d-xl-flex" style="height: 80px">
+        <div class="px-2 col-9">
+            <a href="/blog/" class="p-2">
+                <h4>Ricardo's Blog</h4>
+            </a>
+        </div>
+
+        <div class="col-3 d-flex justify-content-around align-items-center">
+            <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 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>
+
+    <Foonter/>
+</main>

YaeBlog/Layout/MainLayout.razor

@@ -0,0 +1,25 @@
+@inherits LayoutComponentBase
+
+<main class="container">
+    <div class="row" style="height: 80px">
+        <div class="px-2 col-8">
+            <a href="/" class="p-2">
+                <h4>Ricardo's Index</h4>
+            </a>
+        </div>
+
+        <div class="col-4 d-flex justify-content-around align-items-center">
+            <a href="mailto://shicangjuner@outlook.com" class="p-2" target="_blank">
+                <h5>E-mail</h5>
+            </a>
+        </div>
+    </div>
+
+    <div class="row px-4 center">
+        <div class="py-2">
+            @Body
+        </div>
+    </div>
+
+    <Foonter/>
+</main>

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

@@ -0,0 +1,145 @@
+@page "/blog/about"
+@using YaeBlog.Core.Models
+
+@inject BlogOptions Options
+
+<PageTitle>
+    关于
+</PageTitle>
+
+<div class="container">
+    <div class="row">
+        <div class="col">
+            <h1>关于</h1>
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="col fst-italic py-2">
+            把字刻在石头上！(･’ω’･)
+        </div>
+    </div>
+
+    <div class="row p-2">
+        <div class="col">
+            <div class="row">
+                <div class="col">
+                    <h3>关于我</h3>
+                </div>
+            </div>
+
+            <div class="row py-2">
+                <div class="col">
+                    计算机科学与技术在读大学生，明光村幼儿园附属大学所属。正处于读书和失业的叠加态。
+                    一般在互联网上使用<span class="fst-italic">初冬的朝阳</span>或者<span class="fst-italic">jackfiled</span>的名字活动。
+                    <span class="text-decoration-line-through">都是ICP备案过的人了，网名似乎没有太大的用处（</span>
+                </div>
+            </div>
+
+            <div class="row py-2">
+                <div class="col">
+                    主要是一个C#程序员，目前也在尝试写一点Rust。总体上对于编程语言的态度是“<span>大家都是我的翅膀.jpg</span>”。
+                    前后端分离的项目本当上手。
+                    常常因为现实的压力而写一些C/C++。
+                    对于Java和Go的评价很低。
+                    日常使用ArchLinux。
+                </div>
+            </div>
+
+            <div class="row py-2">
+                <div class="col">
+                    100%社恐。日常生活是宅在电脑前面自言自语。兴趣活动是读书和看番。
+                </div>
+            </div>
+
+            <div class="row py-2">
+                <div class="col">
+                    常常被人批评没有梦想，这里就随便瞎编一下。
+                    成为嵌入式工程师，修好桌面上的<a href="https://www.bilibili.com/video/BV1VA411p7MD">HoloCubic</a>。
+                    完成第一个不是课程设计的个人开源项目。
+                    遇到能够搭伙过日子的人也算是一大梦想，虽然社恐人根本不知道从何开始的说，
+                    <span class="text-decoration-line-through">什么时候天上才能掉美少女？</span>
+                </div>
+            </div>
+
+            <div class="row py-2">
+                <div class="col">
+                    公开的联系渠道是<a href="mailto:shicangjuner@outlook.com">电子邮件</a>。
+                    也可以试试在各大平台搜索上面提到的名字。
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="row p-2">
+        <div class="col">
+            <div class="row">
+                <div class="col">
+                    <h3>关于本站</h3>
+                </div>
+            </div>
+
+            <div class="row py-2">
+                <div class="col">
+                    本站肇始于2021年下半年，在开始的两年中个人网站和博客是分别的两个网站，个人网站是裸HTML写的，博客是用
+                    <a href="https://hexo.io">Hexo</a>渲染的。
+                </div>
+            </div>
+
+            <div class="row py-2">
+                <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="row py-2">
+                <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>
+</div>
+
+@code {
+
+}

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

@@ -0,0 +1,75 @@
+@page "/blog/archives"
+@using YaeBlog.Core.Abstractions
+@using YaeBlog.Core.Models
+
+@inject IEssayContentService Contents
+
+<PageTitle>
+    归档
+</PageTitle>
+
+<div class="container">
+    <div class="row">
+        <div class="col">
+            <div class="container">
+                <div class="row">
+                    <div class="col">
+                        <h1>归档</h1>
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col fst-italic py-4">
+                        时光图书馆，黑历史集散地。
+                    </div>
+                </div>
+            </div>
+        </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 class="col-auto">
+                                    <a href="/blog/@(essay.Key)">
+                                        @(essay.Value.Title)
+                                    </a>
+                                </div>
+                            </div>
+                        }
+                    </div>
+                </div>
+            </div>
+        </div>
+    }
+
+</div>
+
+@code {
+    private readonly List<IGrouping<DateTime, KeyValuePair<string, BlogEssay>>> _essays = [];
+
+    protected override void OnInitialized()
+    {
+        base.OnInitialized();
+
+        _essays.AddRange(from essay in Contents.Essays
+            orderby essay.Value.PublishTime descending
+            group essay by new DateTime(essay.Value.PublishTime.Year, 1, 1));
+    }
+}

YaeBlog/Pages/BlogIndex.razor

@@ -0,0 +1,116 @@
+@page "/blog"
+@using YaeBlog.Core.Abstractions
+@using YaeBlog.Core.Models
+
+@inject IEssayContentService Contents
+@inject NavigationManager NavigationInstance
+
+<PageTitle>
+    Ricardo's Blog
+</PageTitle>
+
+<div class="container">
+    <div class="row">
+        <div class="col-sm-12 col-md-9">
+            @foreach (KeyValuePair<string, BlogEssay> pair in _essays)
+            {
+                <EssayCard Essay="@(pair.Value)"/>
+            }
+
+            <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-sm-12 col-md-3">
+            <BlogInformationCard/>
+        </div>
+    </div>
+</div>
+
+@code {
+
+    [SupplyParameterFromQuery] private int? Page { get; set; }
+
+    private readonly List<KeyValuePair<string, BlogEssay>> _essays = [];
+    private const int EssaysPerPage = 8;
+    private int _pageCount = 1;
+    private int _page = 1;
+
+    protected override void OnInitialized()
+    {
+        _page = Page ?? 1;
+        _pageCount = Contents.Essays.Count / EssaysPerPage + 1;
+
+        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

@@ -0,0 +1,135 @@
+@page "/blog/essays/{BlogKey}"
+@using YaeBlog.Core.Abstractions
+@using YaeBlog.Core.Models
+
+@inject IEssayContentService Contents
+@inject ITableOfContentService TableOfContent
+@inject NavigationManager NavigationInstance
+
+<PageTitle>
+    @(_essay!.Title)
+</PageTitle>
+
+<div class="container py-4">
+    <div class="row">
+        <div class="col-auto">
+            <h1 id="title">@(_essay!.Title)</h1>
+        </div>
+    </div>
+
+    <div class="row px-4 py-1">
+        <div class="col-auto fw-light">
+            @(_essay!.PublishTime.ToString("yyyy-MM-dd"))
+        </div>
+
+        @foreach (string tag in _essay!.Tags)
+        {
+            <div class="col-auto">
+                <a href="/tags/?tagName=@(tag)"># @(tag)</a>
+            </div>
+        }
+    </div>
+
+    <div class="row px-4 py-1">
+        <div class="col-auto fw-light">
+            总字数：@(_essay!.WordCount)字，预计阅读时间 @(_essay!.ReadTime)。
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="col-lg-8 col-md-12">
+            @((MarkupString)_essay!.HtmlContent)
+
+            <LicenseDisclaimer EssayAddress="@BlogKey"/>
+        </div>
+
+        <div class="col-lg-4 col-md-12">
+            <div class="row sticky-lg-top justify-content-center">
+                <div class="col-auto">
+                    <div class="row">
+                        <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>
+
+</div>
+
+@code {
+    [Parameter] public string? BlogKey { get; set; }
+
+    private BlogEssay? _essay;
+
+    private BlogHeadline? _headline;
+
+    protected override void OnInitialized()
+    {
+        base.OnInitialized();
+
+        if (string.IsNullOrWhiteSpace(BlogKey))
+        {
+            NavigationInstance.NavigateTo("/NotFound");
+            return;
+        }
+
+        if (!Contents.Essays.TryGetValue(BlogKey, out _essay))
+        {
+            NavigationInstance.NavigateTo("/NotFound");
+        }
+
+        _headline = TableOfContent.Headlines[BlogKey];
+    }
+
+    private string GenerateSelectorUrl(string selectorId)
+        => $"/blog/essays/{BlogKey!}#{selectorId}";
+
+}

YaeBlog/Pages/Index.razor

@@ -0,0 +1,57 @@
+@page "/"
+
+<PageTitle>
+    Ricardo's Index
+</PageTitle>
+
+<div class="container">
+    <div class="row py-4">
+        <div class="col-lg-4 col-12 p-5 p-lg-0">
+            <Image Src="images/avatar.png" Alt="Ricardo's Avatar"/>
+        </div>
+
+        <div class="col-lg-8 col-12">
+            <div class="container px-3">
+                <div class="row">
+                    <h4 class="fw-bold">初冬的朝阳 (Ricardo Ren)</h4>
+                </div>
+
+                <div class="row">
+                    <p class="fs-5">a.k.a jackfiled</p>
+                </div>
+
+                <div class="row">
+                    <p class="fs-5 fst-italic">世界很大，时间很长。</p>
+                </div>
+
+                <div class="row">
+                    <p class="fs-5">
+                        平平无奇的计算机科学与技术学徒，连微小的贡献都没做。
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="row" style="padding-top: 80px">
+        <p class="fs-5">恕我不能亲自为您沏茶（？），还是非常欢迎您能够来到我的主页。</p>
+    </div>
+
+    <div class="row">
+        <p class="fs-5">
+            如果您想四处看看，了解一下屏幕对面的人，可以在我的 <a href="/blog/">博客</a> 看看。
+            如果您对于明光村幼儿园某附属技校的计算机教学感兴趣，您可以移步到
+            <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> 和
+            <a href="https://git.rrricardo.top/jackfiled/" target="_blank">Gitea</a> 都可以找到。
+        </p>
+        <p class="fs-5">
+            如果您真的很闲，也可以四处搜寻一下，也许存在着一些不为人知的彩蛋。
+        </p>
+    </div>
+</div>
+
+@code {
+
+}

YaeBlog/Pages/NotFound.razor

@@ -4,8 +4,8 @@
     啊~ 页面走丢啦~
 </PageTitle>
 
-<div>
+<div class="container">
-    <h3 class="text-3xl page-starter">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 class="page-starter">
+    <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/Program.cs

@@ -1,17 +1,17 @@
 using YaeBlog.Components;
-using YaeBlog.Extensions;
+using YaeBlog.Core.Extensions;
 
 WebApplicationBuilder builder = WebApplication.CreateBuilder(args);
 
 builder.Services.AddRazorComponents()
     .AddInteractiveServerComponents();
 builder.Services.AddControllers();
+builder.Services.AddBlazorBootstrap();
 builder.AddYaeBlog();
-builder.AddYaeCommand(args);
 
 WebApplication application = builder.Build();
 
-application.MapStaticAssets();
+application.UseStaticFiles();
 application.UseAntiforgery();
 application.UseYaeBlog();
 

YaeBlog/Properties/launchSettings.json

@@ -12,7 +12,7 @@
         "http": {
             "commandName": "Project",
             "dotnetRunMessages": true,
-            "launchBrowser": false,
+            "launchBrowser": true,
             "applicationUrl": "http://localhost:5275",
             "environmentVariables": {
                 "ASPNETCORE_ENVIRONMENT": "Development"

YaeBlog/YaeBlog.csproj

@@ -0,0 +1,17 @@
+<Project Sdk="Microsoft.NET.Sdk.Web">
+
+    <ItemGroup>
+      <ProjectReference Include="..\YaeBlog.Core\YaeBlog.Core.csproj" />
+    </ItemGroup>
+
+    <ItemGroup>
+      <PackageReference Include="Blazor.Bootstrap" Version="3.0.0-preview.2" />
+    </ItemGroup>
+
+    <PropertyGroup>
+        <TargetFramework>net8.0</TargetFramework>
+        <Nullable>enable</Nullable>
+        <ImplicitUsings>enable</ImplicitUsings>
+    </PropertyGroup>
+
+</Project>

YaeBlog/_Imports.razor

@@ -6,6 +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
-@using BlazorSvgComponents
-@using BlazorSvgComponents.Models

YaeBlog/appsettings.json

@@ -0,0 +1,34 @@
+{
+    "Logging": {
+        "LogLevel": {
+            "Default": "Information",
+            "Microsoft.AspNetCore": "Warning"
+        }
+    },
+    "AllowedHosts": "*",
+    "Blog": {
+        "Root": "source",
+        "Announcement": "博客锐意装修中，敬请期待！测试阶段如有问题还请海涵。",
+        "StartYear": 2021,
+        "Links": [
+            {
+                "Name": "Ichirinko",
+                "Description": "这是个大哥",
+                "Link": "https://ichirinko.top",
+                "AvatarImage": "https://ichirinko-blog-img-1.oss-cn-shenzhen.aliyuncs.com/Pic_res/img/202209122110798.png"
+            },
+            {
+                "Name": "志田千陽",
+                "Description": "日出多值得",
+                "Link": "https://zzachary.top/",
+                "AvatarImage": "https://zzachary.top/img/ztqy_hub928259802d192ff5718c06370f0f2c4_48203_300x0_resize_q75_box.jpg"
+            },
+            {
+                "Name": "Chenxu",
+                "Description": "一个普通大学生",
+                "Link": "https://chenxutalk.top",
+                "AvatarImage": "https://www.chenxutalk.top/img/photo.png"
+            }
+        ]
+    }
+}

YaeBlog/docker-compose.yaml

@@ -0,0 +1,13 @@
+version: '3.8'
+
+services:
+    blog:
+        image: registry.cn-beijing.aliyuncs.com/jackfiled/blog:latest
+        restart: unless-stopped
+        labels:
+            - "traefik.enable=true"
+            - "traefik.http.routers.blog.rule=Host(`rrricardo.top`) || Host(`www.rrricardo.top`)"
+            - "traefik.http.services.blog.loadbalancer.server.port=8080"
+            - "traefik.http.routers.blog.tls=true"
+            - "traefik.http.routers.blog.tls.certresolver=myresolver"
+            - "com.centurylinklabs.watchtower.enable=true"

YaeBlog/source/2021-final.md

@@ -1,12 +1,10 @@
 ---
 title: 2021年终总结
-date: 2022-01-12T16:27:19.0000000
+date: 2022-01-12 16:27:19
 tags:
-- 杂谈
+    - 随笔
-- 年终总结
 ---
 
-
 2021年已经过去，2022年已经来临。每每一年开始的时候，我都会展开一张纸或者新建一个文档，思量着又是一年时光，也该同诸大杂志一般，写几句意味深长的话语，怀念过去的时光，也祝福未来的自己。可往往脑海中已是三万字的长篇，落在笔头却又是一个字都没有了。  
 如今跨年的时候已经过去，朋友圈中已经不见文案的踪影，我也该重新提笔，细说自己2021年中做过的种种。  
 
@@ -24,7 +22,7 @@ tags:
 在前12年的学生生涯中，我们都在期待着这一次的暑假，以为在这个没有作业的假期里，我们就可以充分的享受人间的美好。可是，当时我们不知道，这人间的烦恼，可不止作业这一种，无论是突如其来的疫情导致开学延期，还是等待录取时的不安。  
 虽说在暑假时，拥有了自己的笔记本电脑，可是在高中三年屯下的游戏还是没有玩几个，看来我也是“喜加一”的受害者。虽然在高考后入坑了原神，但是假期间我并没有太过投入的玩。  
 暑假下定决心要好好的学一学，可是看着我gitee上暑假期间那稀疏的提交，我就知道我又摸了一个暑假的鱼。  
-![gitee贡献](./2021-final/1.webp)
+![gitee贡献](./2021-final/1.png)
 即使我想写的很多项目都没有被扎实的推进下来，但是学习的一些的C语言还是让我受益匪浅。  
 现在看来，这个假期真是，**学也没有学好，耍也没有耍好**的典型。   
 

YaeBlog/source/2022-final.md

@@ -1,13 +1,11 @@
 ---
 title: 2022年终总结
-date: 2022-12-30T14:58:12.0000000
 tags:
-- 杂谈
+  - 随笔
-- 年终总结
+date: 2022-12-30 14:58:12
 ---
 
 
-
 2022是困难的一年。我们需要为2023年做好准备。
 
 <!--more-->
@@ -58,11 +56,11 @@ tags:
 
 小小的总结一下：2022年可以算得上是一事无成的一年，还搞砸了不少的事情。在写代码上进展有限，成绩上大幅倒退，说好的六级英语和大学物理竞赛都没有参加，在年末应对疫情进展的时候更是把“不知所措”这个成语诠释的淋漓尽致。
 
-![](./2022-final/2022-12-30-14-26-19-QQ_Image_1672381538441.webp)
+![](./2022-final/2022-12-30-14-26-19-QQ_Image_1672381538441.jpg)
 
 关于今年的人际交往和社会关系，我愿意用QQ2022年年终总结中的一张截屏来总结，这张图片透漏出一种无可救药的悲伤。
 
-![](./2022-final/2022-12-30-14-28-12-QQ_Image_1672381543836.webp)
+![](./2022-final/2022-12-30-14-28-12-QQ_Image_1672381543836.jpg)
 
 ## 展望
 

YaeBlog/source/2022-summer-vacation.md

@@ -1,11 +1,11 @@
 ---
 title: 2022年暑假碎碎念
-date: 2022-08-22T15:39:13.0000000
 tags:
-- 杂谈
+  - 随笔
+typora-root-url: 2022-summer-vacation
+date: 2022-08-22 15:39:13
 ---
 
-
 在8个月的漫长寒假的最后两个月，~~也就是俗称的暑假中~~，我都干了些什么？
 
 <!--more-->
@@ -32,7 +32,7 @@ tags:
 - 下定决定要参加下一学期的物理竞赛，但是在听了讲座之后直接决定开学再开始学习，~~我知道我在家没法学习，俗称开摆~~
 - 又捡起了`Blender`，并在[Github](https://github.com/tanjian1998/bupt_minecraft)上找到了伟大的前辈们在`Minecraft`里复刻的老校区，希望能用`Blender`渲染几张图当作桌面。
 
-![唯一的一张成品](result1.webp)
+![唯一的一张成品](result1.png)
 
 > 在此感谢所有为此付出过汗水的前辈们，让我这个即将搬入老校区的萌新能提前一睹老校区的风采。
 

YaeBlog/source/2023-final.md

@@ -1,12 +1,10 @@
 ---
 title: 2023年年终总结
-date: 2024-02-29T20:18:19.0000000
 tags:
-- 杂谈
+  - 随笔
-- 年终总结
+date: 2024-2-29 20:18:19
 ---
 
-
 虽然2023年已经过去了两个月，但是年终总结还是要发的。
 
 <!--more-->
@@ -45,7 +43,7 @@ tags:
 
 2023年最令我吃惊的事情是我刷B站的时长：
 
-![image-20240303165826486](2023-final/image-20240303165826486.webp)
+![image-20240303165826486](2023-final/image-20240303165826486.png)
 
 容易计算得出，我一共看了64天的B站，接近六分之一的时间都在看。虽然我确实有着在干活的时候黑听B站和把B站当作音乐播放器的习惯，但是这个时间未免有点太长了。下一年一定要在这个方面做出一定的改变，将更多的时间放在看书上面去，~~虽然写这句话的时候我就在黑听B站~~。
 

YaeBlog/source/archlinux-sop.md

@@ -1,5 +1,5 @@
 ---
-title: 日用Linux挑战 第5篇 标准安装流程
+title: 日用Linux挑战第五篇 ArchLinux标准安装流程
 date: 2024-7-16 20:08:37
 tags:
   - Linux

YaeBlog/source/big-homework.md

@@ -1,11 +1,12 @@
 ---
 title: 人生代码大作业初体验
-date: 2022-07-27T11:34:49.0000000
 tags:
-- 杂谈
+  - 随笔
+  - 感悟
+typora-root-url: big-homework
+date: 2022-07-27 11:34:49
 ---
 
-
 在大学也呆了一年了，终于遇上了第一个需要多人合作的写代码项目。从四月底分组完成，任务部署下来到七月初接近尾声，在这两个多月的时间里，也算是经历了不少，学到了不少。
 
 <!--more-->
@@ -44,7 +45,7 @@ tags:
 
 而且采用 `Git`还有一个好处，采用 `Github`的 `Insight`功能可以轻松的看出大家的贡献值（）。
 
-![img](1.webp)
+![img](1.png "贡献")
 
 ## 一些技术上的收获
 

YaeBlog/source/build-blog-record.md

@@ -1,12 +1,12 @@
 ---
 title: 建立博客过程的记录
-date: 2022-04-08T11:52:32.0000000
+typora-root-url: 建立博客过程的记录
+date: 2022-04-08 11:52:32
 tags:
-- 技术笔记
+        - 技术笔记
 ---
 
 
-
 当我已经在Python的浩瀚大海遨（zheng）游（zha）了半个暑假后，我决定尝试一下传说中程序员专用的学(zhuang)习(bi)手(fangfa)段(fa)——建立自己的个人博客。作为一个半懂不懂的Python程序员，心中冒出的第一个想法自然是采用Python的Django作为开发自己的个人博客的手段。然而，在阅读了[用Django搭建个人博客](https://www.dusaiphoto.com/article/2/)等的其他人搭建这类动态博客的过程记录之后，我便义无反顾的转向了采用javascript开发的博客框架[Hexo](https://hexo.io)，<del>说好的Python信仰呢</del>。无他，唯简单尔。
 
 <!--more-->
@@ -131,7 +131,7 @@ Hexo init blog
 ```
 Hexo会以blog为名称创建一个博客文件夹，这个文件夹的内容为
 
-![文件夹截图](1.webp)
+![文件夹截图](1.png)
 
 `node_modules`文件夹是Hexo需要用到的一些npm依赖包的存放地址，`public`文件夹下是由Hexo渲染产生的静态博客文件，`scaffolds`文件夹是博客用到的模板文件，在默认情况下应该有`draft.md`,`page.md`,`post.md`三个模板文件。`themes`是Hexo中可以使用的主题文件。主题也是Hexo一个非常方便的设计，我们可以方便使用其他人编写的Hexo Themes，让自己的博客在不同的风格之间变换。`source`文件夹就是存放我们写作的博客的地方。一般这里面会有两个子文件夹，`_draft`, `_posts`。我们在里面在创建一个`img`文件夹，把自己的头像图片和网站的图标文件都放在里面，在之后的设置的时候使用。
 
@@ -146,7 +146,7 @@ INFO  Hexo is running at http://localhost:4000/ . Press Ctrl+C to stop.
 
 会在本地运行Hexo自带的一台静态博客服务器。我们用浏览器访问http://localhost:4000, 就可以看见Hexo博客的初始界面
 
-![初始截图](2.webp)
+![初始截图](2.png)
 
 这便说明安装成功了，~~可以开香槟了~~
 

YaeBlog/source/c-include-problems.md

@@ -1,12 +1,12 @@
 ---
 title: C项目中有关头文件的一些问题
-date: 2022-05-08T11:35:19.0000000
 tags:
-- 技术笔记
+  - 技术笔记
-- C/C++
+  - C/C++
+typora-root-url: c-include-problems
+date: 2022-05-08 11:35:19
 ---
 
-
 最近在完成一门`C`语言课程的大作业，课设老师要求我们将程序分模块的开发。在编写项目头文件的时候，遇到了一些令本菜鸡大开眼界的问题。
 
 <!--more-->
@@ -17,7 +17,7 @@ tags:
 
 我项目的结构大致如图所示：
 
-![](1.webp)
+![](1.png)
 
 在`include`的头文件目录下有两个头文件，`rail.h`和`bus.h`，这两个头文件分别定义了两个结构体`rail_node_t`和`bus_t`。
 
@@ -68,7 +68,7 @@ typedef struct bus bus_t;
 
 项目的`test`文件夹下是单元测试文件夹，但是在编译的时候会报错
 
-![](2.webp)
+![](2.png)
 
 大意就是在一个google test内部的头文件中有几个函数找不到定义，这个函数都位于`io.h`这个头文件中。
 

YaeBlog/source/compile-mediapipe.md

@@ -1,12 +1,11 @@
 ---
 title: 编译MediaPipe框架
-date: 2022-11-11T22:20:25.0000000
 tags:
-- C/C++
+  - C/C++
-- 技术笔记
+  - 动作捕捉
+date: 2022-11-11 22:20:25
 ---
 
-
 编译MediaPipe框架。
 <!--more-->
 
@@ -199,7 +198,7 @@ bazel build -c opt --strip=ALWAYS \
 
 如果在编译的过程中提示缺失`dx.jar`这个文件而且你用的SDK版本还是高于31的，那可能是SDK中缺失了这个文件，可以将SDk降级到30就含有这个文件了。我使用的解决办法比较离奇，我是将30版本的SDK文件中的这个文件软链接过来，解决了这个问题。
 
-![](compile-mediapipe/2023-01-15-22-05-41-Screenshot_20230115_220521.webp)
+![](compile-mediapipe/2023-01-15-22-05-41-Screenshot_20230115_220521.png)
 
 编译消耗的时间可能比较的长，耐心等待即可。
 
@@ -228,7 +227,7 @@ bazel build -c opt //mediapipe/graphs/pose_tracking:pose_tracking_gpu_binary_gra
 
 然后还需要从服务器上下载`tflite`文件，`Pose Tracking`这个解决方案需要两个`tflite`文件，第一个是[pose_detection.tflite](https://storage.googleapis.com/mediapipe-assets/pose_detection.tflite)，第二个文件则有三个不同的选择，分别对于解决方案中提供的三个质量版本：
 
-![](compile-mediapipe/2023-01-19-20-20-40-Screenshot_20230119_202008.webp)
+![](compile-mediapipe/2023-01-19-20-20-40-Screenshot_20230119_202008.png)
 
 下载地址是[pose_landmark_full.tflite](https://storage.googleapis.com/mediapipe-assets/pose_landmark_full.tflite)，[pose_landmark_heavy.tflite](https://storage.googleapis.com/mediapipe-assets/pose_landmark_heavy.tflite)和[pose_landmark_lite.tflite](https://storage.googleapis.com/mediapipe-assets/pose_landmark_lite.tflite)。
 

YaeBlog/source/computer-architecture-pipeline.md

@@ -1,21 +1,20 @@
 ---
 title: 计算机系统结构——流水线复习
-date: 2024-06-12T20:27:25.0000000
 tags:
-- 计算机系统结构
+  - 计算机系统结构
-- 学习资料
+  - 笔记
+date: 2024-06-12 20:27:25
 ---
 
-
 让指令的各个执行阶段依次进行运行是一个简单而自然的想法，但是这种方式执行速度慢、运行效率低。因此一个很自然的想法就是将指令重叠起来运行，让执行功能部件被充分的利用起来，这就是**流水线**。
 
 流水线的表示方法有两种。
 
-![image-20240612184855300](computer-architecture-pipeline/image-20240612184855300.webp)
+![image-20240612184855300](computer-architecture-pipeline/image-20240612184855300.png)
 
 第一种被称作**连接图**，清晰的表达出了流水线内部的逻辑关系。
 
-![image-20240612184949777](computer-architecture-pipeline/image-20240612184949777.webp)
+![image-20240612184949777](computer-architecture-pipeline/image-20240612184949777.png)
 
 > 上图中给出了两个流水线中的概念：通过时间和排空时间。其中通过时间又被称作装入时间，是指第一个任务进入流水线到完成的事件；排空时间则相反，是最后一个任务通过流水线的时间。
 
@@ -41,7 +40,7 @@ tags:
 - 静态流水线，同一时间内，多功能流水线的各段只能按照同一种功能的方式连接。
 - 动态流水线，同一时间内，多功能流水线的各种可以按照不同的方式连接，执行不同的功能。
 
-![image-20240612190426368](computer-architecture-pipeline/image-20240612190426368.webp)
+![image-20240612190426368](computer-architecture-pipeline/image-20240612190426368.png)
 
 按照流水线中是否存在反馈回路分类：
 
@@ -59,7 +58,7 @@ tags:
 - 加速比，同一任务，不使用流水线所使用时间与使用流水线所用时间比。
 - 效率，流水线设备的利用率。
 
-![image-20240612192700169](computer-architecture-pipeline/image-20240612192700169.webp)
+![image-20240612192700169](computer-architecture-pipeline/image-20240612192700169.png)
 
 在设计流水线的过程中存在若干问题。
 
@@ -69,7 +68,7 @@ tags:
 
 一个典型的五段流水线MIPS流水线：
 
-![image-20240612193301372](computer-architecture-pipeline/image-20240612193301372.webp)
+![image-20240612193301372](computer-architecture-pipeline/image-20240612193301372.png)