博客园美化资源

简介

​ 博客园美化有很多途径，比如受欢迎的SimpleMemory是我一开始接触用到的主题，后来采用的是awescnb，它可以方便的切换所有已经整合的皮肤，个性化修改方面只需要稍微配置就可使用。

SimpleMemory

​ 根据文档配置好博客主题后，还可以修改菜单等页面的背景图片，在这里放几张我在用的图片

在JS部分配置，例如这样

1 window.cnblogsConfig = {
2     menuUserInfoBgImg: 'https://img2020.cnblogs.com/blog/2114726/202101/2114726-20210128143136771-1628781236.jpg',
3 }

就可以替换掉原来的默认图片，这里的图片都是裁切好的700*700的。

banner图：

Awescnb

简单配置一下

<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>
  $.awesCnb({
      	theme: {
      name: 'geek', //配置主题
      avatar: 'https://pic.cnblogs.com/avatar/2114726/20210128131436.png',  //配置头像
      headerBackground: 'https://img2020.cnblogs.com/blog/2114726/202101/2114726-20210128161924837-747363089.jpg',   //配置头部图片
      },
    //配置签名
	signature: {
    	enable: true,
    	contents: [
            "I love three things in this world,the sun,the moon and you.The sun for the day,the moon for the night,and you forever",
    	    "<b>浮世三千，吾爱有三，日、月与卿。日为朝，月为暮，卿为朝朝暮暮</b>",
   	    ],
	},
    //开启头部进度条
    topProgress: {
        enable: false,
        page: 'all',
        agent: 'pc',
        background: '#FFB3CC',
        height: '5px',
    },
  })
</script>

可以看出来，在配置签名的时候你可以加入一些css样式，比如原来的样例是这样的：

contents: [
    	"This theme is built with <b style='color:#ff6b81'>awescnb</b>.",
    	"<b>console.log(🍺);</b>",
],