Fork me on GitHub

Yilia主题自定义左侧背景图片

原创 字数统计: 214   |   阅读时长: 1分

134522_爱奇艺.jpg

左侧默认的背景是纯色的，这里给出一种方法更改为图片背景。

修改主题配置

1、找到themes\yilia\目录下的_config.yml,修改配置：

header 这一项修改为 #00000

20190730150445.png

2、把你选好的背景图片放到themes\yilia\source目录下

图像推荐大小：700 x 1200,出来的效果比较好

20190730151232.png

3、打开yilia\source目录下的main.xxxx.css,进行修改

这里的xxxx是不确定的意思，有些人重新build后会和原版的不一样

Crtl + F搜索.left-col{、.left-col .overlay{以及#mobile-nav .overlay

20190730152116.png

20190730152431.png

20190730152804.png

分别在括号里面加上属性：

1
background-image:url("图片文件名");

如果你的图片存储在网络上，可以不进行第2步，第3步添加的代码改成:

1
background-image:url("图片地址");

重新部署就行啦。

赞

赏杯Java？٩(๑^o^๑)۶

创作不易，感谢支持！

扫一扫，分享到微信

微信分享二维码

Show Tags:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

<br>我必须承认<br><br>生命中大部分时光是属于孤独的，<br><br>努力成长<br><br>是在孤独里可以进行的最好的游戏。