您的当前位置:首页 > 知识 > 使用awescnb自定义博客园皮肤 正文

使用awescnb自定义博客园皮肤

时间:2024-05-07 17:58:57 来源:网络整理 编辑:知识

核心提示

偶然在博客园闲逛的时候发现了一个看着很顺眼的博客皮肤,本着求索的精神想学习一下,结果在源码中发现了大神实现的awescnb博客园皮肤自定义功能,通过简单配置就可以切换成大神设计的皮肤,效果也非常哇塞,

使用awescnb自定义博客园皮肤

偶然在博客园闲逛的使用时候发现了一个看着很顺眼的博客皮肤,本着求索的定义精神想学习一下,结果在源码中发现了大神实现的博客awescnb博客园皮肤自定义功能,通过简单配置就可以切换成大神设计的园皮皮肤,效果也非常哇塞,使用这里把设置过程简单记录一下。定义

  1. 打开博客园设置
    image

  2. 设置默认官方皮肤为,博客禁用官方皮肤的默认的,在页面定制代码中加入如下代码

image

  1. 代码高亮支持深色和浅色模式,园皮可以根据需要自行切换,使用但是定义效果只能在使用编辑器时发布博文才会生效
    image
    image

  2. 页首 HTML代码中加入以下代码

  1. 页脚 HTML 代码中加入以下代码,配置部分可以参照文档自行修改(需要先邮件官方申请开通JS权限)
  1. 使用皮肤会出现首页博文块被撑开的博客情况,可以在选项中勾选首页仅列出标题与摘要解决
    image

    园皮
  2. 保存就可以欣赏效果了
    image

    园皮
  3. 配置相关文档和项目地址
    文档地址
    大神博客
    项目地址

    园皮