zoukankan      html  css  js  c++  java
  • 博客园主题美化

    工作的时候有看到很炫酷的博客样式,都2021年了我必须也来一套煎饼果子。
    博客园就是有这好处,自己的博客可以自定义。这也是我为啥选择博客园而不是CSDN。
    网上看了好多美化案例,最后看到了BNDong大神的美化方案,嗯,中意!

    美化方案

    文档很详细 支持很多自定义修改 直接上地址

    文档传送门
    GitHub
    BNDong的博客

    设置首页的背景图 可以上传至博客园相册,然后把地址取出来放入配置中即可,不过一次只能上传一张,每张限制在2m之内。

    尽管上传过程很痛苦,但是获取地址还是可以操作一下的。遍历相册中所有图片的缩略图地址出来,替换几个字母就是原图地址了~

    如果喜欢我的首页背景图可以直接做伸手党:

    homeTopImg: [
          // 主页图片Url,推荐尺寸>= 1920*1080,支持多张,每次刷新随机设置一张
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_210129023148_____102_V_2560_1600.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_210129055315_____105_V_2560_1600.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_210129055558wallhaven-518254',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_2101290843401.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_2101290843482.png',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_2101290843553.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_2101290844004.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_2101290844075.png',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_2101290844126.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_2101290844177.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_2101290844238.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_2101290844339.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908444110.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908444611.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908445112.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908445713.png',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908450214.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908450715.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908451216.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908451717.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908453619.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908454020.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908455821.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908460222.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908460723.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908461124.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908461625.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908462126.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908462727.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908464328.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908470329.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908470730.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908471131.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908472132.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908472633.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908473034.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908473435.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908473936.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908474537.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908475038.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908475539.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908480740.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908482041.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908483442.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908483843.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908484344.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908484745.jpg',
          'https://images.cnblogs.com/cnblogs_com/Mr-Car/1924558/o_21012908485846.jpg',
        ],
    我们也渺小,我们也强大。
  • 相关阅读:
    vue中的$event
    vue实现div拖拽互换位置
    关于marquee首次加载出现闪跳问题
    微信小程序之深色模式下样式的写法
    html动态添加公共页头和页脚
    微信小程序改变上一页面的数据,页面中的通信
    mui中的a标签无效和click无法点击的问题
    mui.DtPicker is not a constructor解决方案
    mui-slider选项卡设置默认index
    flutter环境配置遇到的一些坑
  • 原文地址:https://www.cnblogs.com/Mr-Car/p/14345404.html
Copyright © 2011-2022 走看看