博客园自定义美化实践

1. 选定一个喜欢的主题

1.1

我这里选择的是基于simple memory的主题的魔改,参考了
https://github.com/BNDong/Cnblogs-Theme-SimpleMemory

1.2

这里是一些基本的部署参考:
https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v1.1/#/

2. 对部署的皮肤做一定的个性化修改

2.1

首页的Banner修改
由于不信任外部图床,这里我的推荐是上传到相册中,然后把图片链接拷贝过来
通过以下代码实现:

window.cnblogsConfig = {
    homeTopImg: [
        "https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@master/img/webp/home_top_bg.webp",
        "https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@master/img/webp/home_top_bg.webp"
    ],
}

2.2

是否显示广告(不能自定义为false,否则打不开,应该是博客园限制了)

window.cnblogsConfig = {
    advertising: true,
}
posted @ 2020-11-04 20:42  Edwardlyz  阅读(62)  评论(0编辑  收藏  举报