如何将背景图像设置为 BlogEngine.NET 帖子标题答案

【问题标题】：How to set background-image to BlogEngine.NET post header如何将背景图像设置为 BlogEngine.NET 帖子标题
【发布时间】：2016-10-31 11:58:25
【问题描述】：

是否有任何解决方案如何将背景图像设置为 BlogEngine.NET 帖子标题。我正在尝试修改自定义它们 PostView.ascx 以从帖子正文中获取第一张图片并将其设置为背景图片以发布标题，但只有并且我不知道如何从中获取图片网址。

【问题讨论】：

标签： asp.net blogengine.net

【解决方案1】：

我的解决方法是，用户必须在帖子编辑器类“imgheader”中添加他想要设置为帖子标题背景的图片。然后加 .imgheader {display: none;} 到 styles.css 然后将脚本添加到主题site.master

    <script  type="text/javascript">
        var updateImageHeaders = function() {
            var postArticles = document.evaluate("//article[contains(@class,'post-home')]", document, null, null, null);
            var article = postArticles.iterateNext();
            while (article != null) {                
                var imgheader = article.getElementsByClassName("imgheader");
                if (imgheader.length > 0) {
                    var postHeader = article.getElementsByClassName("post-header");
                    if (postHeader.length > 0) {
                        var imgSrc = imgheader[0].getAttribute("src");
                        postHeader[0].style.backgroundImage = 'url(' + imgSrc + ')';
                    }                    
                }
                article = postArticles.iterateNext();
            }
        };

        document.addEventListener('DOMContentLoaded', function () {            
            updateImageHeaders();
           
        });

    </script>

【讨论】：