设置网站背景无效果

[glimmeringlight]

请问一下作者设置网站背景的配置项没有效果 需要检查源码的哪里呢 感谢！

[jerryc127]

先检查一下你的图片能不能访问吧
自己浏览器 f12 看报错

[glimmeringlight]

主要是自己魔改过一部分 可能无意间改动了这部分的源码 所以想问一下这部分实现的源码在哪里 我去检查一下

[jerryc127]

hexo-theme-butterfly/layout/includes/layout.pug

Lines 14 to 15 in 945ea89

	if theme.background
	#web_bg

[glimmeringlight]

这是控制台信息；

# Website Background (設置網站背景)
# can set it to color or image (可設置圖片 或者 顔色)
# The formal of image: url(http://xxxxxx.com/xxx.jpg)
background: https://i.loli.net/2019/09/09/5oDRkWVKctx2b6A.png

这是配置文件内容

- var htmlClassHideAside = theme.aside.enable && theme.aside.hide ? 'hide-aside' : ''
- page.aside = is_archive() ? theme.aside.archives : page.aside
- var hideAside = !theme.aside.enable || page.aside === false ? 'hide-aside' : ''
- var pageType = is_post() ? 'post' : 'page'

doctype html
html(lang=config.language data-theme=theme.display_mode class=htmlClassHideAside)
  head
    include ./head.pug
  body
    if theme.preloader.enable
      !=partial('includes/loading/loading', {}, {cache: true})

    if theme.background
      #web_bg
      
    !=partial('includes/sidebar', {}, {cache: true})

    if page.type !== '404'
      #body-wrap(class=pageType)
        include ./header/index.pug

        main#content-inner.layout(class=hideAside)
          if body
            div!= body
          else
            block content
            if theme.aside.enable && page.aside !== false
              include widget/index.pug

        - var footerBg = theme.footer_bg
        if (footerBg)
          if (footerBg === true)
            - var footer_bg = bg_img
          else
            - var footer_bg = theme.footer_bg.indexOf('/') !== -1 ? `background-image: url('${url_for(footerBg)}')` : `background: ${footerBg}`
        else
          - var footer_bg = ''

        footer#footer(style=footer_bg)
          !=partial('includes/footer', {}, {cache: true})

    else
      include ./404.pug

    include ./rightside.pug
    !=partial('includes/third-party/search/index', {}, {cache: true})
    include ./additional-js.pug

这是/layout/includes/layout.pug的内容
无法显示背景图片，只有动态彩带效果

[jerryc127]

The formal of image: url(http://xxxxxx.com/xxx.jpg)

background: https://i.loli.net/2019/09/09/5oDRkWVKctx2b6A.png

你没看到上面那句话？

[glimmeringlight]

哦原来是这个意思 我还以为直接填url就好了 对不起对不起辛苦作者了