实现代码高亮的关键步骤是在OnAfterRenderAsync()方法中调用Prism插件。Markdown的渲染相对直接，主要涉及到读取Markdown文件和调用Prism插件进行代码高亮。在IcoTool.razor中调用创建的MarkdownComponent组件。组件的封装视具体需求而定，核心逻辑在上述步骤中已涵盖。对于更详细的代码实现，可以参考Dotnet9工具箱...
完美：C Blazor中显示Markdown并添加代码高亮
在C# Blazor中，要实现显示Markdown并添加代码高亮，需遵循以下步骤。
首先，引入Markdown转html包，例如使用Markdig，这是一个快速且符合CommonMark标准的.NET Markdown处理器。
接着，添加Prism插件，Prism是一个用于代码高亮的轻量级、健壮且优雅的JS库。
在_Layout.cshtml的head部分引入Prism。
创建一个名为MarkdownComponent.razor的组件，用于展示Markdown内容。参数包括Markdown文件的相对路径、链接的文章和源码链接。
在MarkdownComponent.razor中，定义组件参数，并在OnInitializedAsync()方法中读取Markdown内容并转换为html格式。
实现代码高亮的关键步骤是在OnAfterRenderAsync()方法中调用Prism插件。
Markdown的渲染相对直接，主要涉及到读取Markdown文件和调用Prism插件进行代码高亮。
在IcoTool.razor中调用创建的MarkdownComponent组件。
组件的封装视具体需求而定，核心逻辑在上述步骤中已涵盖。
对于更详细的代码实现，可以参考Dotnet9工具箱源码。2024-11-21
