如何从字符串渲染Razor模板？实现CSS参数化与复用

问题核心是你直接读取CSS文件的纯文本内容，没有经过Razor视图引擎的解析处理，所以@Model.PrimaryColour这类变量不会被替换成实际的模型值。下面提供两种可行的解决思路，不用把CSS文件转为.cshtml视图：

方法一：借助Razor引擎动态渲染CSS内容 #

通过让读取到的CSS内容经过Razor引擎的模板渲染流程，就能自动解析其中的模型变量。实现步骤如下：

1. 扩展HtmlHelper方法
   在你的自定义扩展类中，添加以下逻辑：

public static IHtmlContent InlineStyle(this IHtmlHelper htmlHelper, string cssFilePath)
{
    // 读取wwwroot下的CSS文件内容
    var fullPath = Path.Combine(htmlHelper.ViewContext.HttpContext.WebRootPath, cssFilePath);
    var cssRawContent = File.ReadAllText(fullPath);

    // 获取Razor视图引擎服务
    var razorEngine = htmlHelper.ViewContext.HttpContext.RequestServices.GetRequiredService<IRazorViewEngine>();
    var tempDataProvider = htmlHelper.ViewContext.HttpContext.RequestServices.GetRequiredService<ITempDataProvider>();

    // 准备渲染上下文
    var viewData = new ViewDataDictionary(htmlHelper.ViewData);
    var tempData = new TempDataDictionary(htmlHelper.ViewContext.HttpContext, tempDataProvider);
    
    // 定位共享的字符串模板视图
    var viewResult = razorEngine.FindView(htmlHelper.ViewContext, "/Views/Shared/_StringRenderTemplate.cshtml", isMainPage: false);
    if (!viewResult.Success)
    {
        throw new InvalidOperationException("找不到用于渲染字符串的Razor模板视图");
    }

    // 将原始CSS内容传入ViewData，供模板使用
    viewData["RawCssContent"] = cssRawContent;

    // 执行渲染
    using var stringWriter = new StringWriter();
    var viewContext = new ViewContext(
        htmlHelper.ViewContext,
        viewResult.View,
        viewData,
        tempData,
        stringWriter,
        new HtmlHelperOptions()
    );

    viewResult.View.RenderAsync(viewContext).Wait();

    // 返回包裹在style标签里的渲染后内容
    return new HtmlString($"<style>{stringWriter.ToString()}</style>");
}

2. 创建共享渲染模板
   在/Views/Shared目录下新建_StringRenderTemplate.cshtml文件，内容仅需一行：

@ViewData["RawCssContent"]

这个模板的作用就是让Razor引擎解析传入的CSS字符串，自动替换其中的@Model相关变量。

方法二：手动替换变量（适合简单场景） #

如果你的CSS文件中模型变量数量不多，直接用字符串替换更简单高效：

public static IHtmlContent InlineStyle(this IHtmlHelper htmlHelper, string cssFilePath)
{
    var fullPath = Path.Combine(htmlHelper.ViewContext.HttpContext.WebRootPath, cssFilePath);
    var cssRawContent = File.ReadAllText(fullPath);

    // 手动替换模型变量
    var renderedCss = cssRawContent.Replace("@Model.PrimaryColour", htmlHelper.ViewData.Model.PrimaryColour);
    
    return new HtmlString($"<style>{renderedCss}</style>");
}

这种方式无需依赖额外的Razor模板，但是如果后续CSS中新增更多模型变量，需要手动维护替换逻辑，适合变量较少的场景。

注意事项 #

• 确保CSS文件路径正确，使用WebRootPath定位wwwroot目录下的文件，避免路径错误
• 第一种方法中，要保证共享模板视图的路径能被Razor引擎正确找到
• ASP.NET Core项目默认已注入IRazorViewEngine和ITempDataProvider服务，无需额外配置

内容的提问来源于stack exchange，提问作者Andy