Version: Next

切换皮肤

文档迁移通知

📑 感谢大家的支持，当前文档已经不再保持更新。原因是，为了不影响访问速度，我将该文档托管在码云上。每次更新文档我都需要重新构建文档项目并手动更新码云 Pages 服务。这样效率是不够的，现在已经将将所有文档相关的内容托管到在线文档-语雀了。请务必访问新的文档，感谢理解！ 点击查看

前方新皮肤来袭~

🎊 如果您已经按照 快速安装 里的步骤在博客园安装了皮肤，就可以快速切换所有下列皮肤。

配置支持情况

🔨 您还可以在这里查看每个皮肤的配置支持情况。并不是所有皮肤都支持所有配置，因为希望保留不同皮肤的风格（简洁或者丰富）。如果您希望您喜欢的皮肤新增配置选项，请在交流群里 @我。

geek

  • 👔 极客风格
  • 📱 兼容 ipad & 手机 & 桌面
  • 🌓 深色模式

配置支持情况

  • 基本配置
  • 代码高亮
  • 代码行号
  • 个性签名
  • 表情输入
  • 按钮工具
  • 自定义链接
  • 图片灯箱
  • 通知

使用此皮肤

<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>
$.awesCnb({
theme: {
name: 'geek',
},
})
</script>

reacg

  • 🎊 默认皮肤
  • 🎀 二次元风格
  • 🏆 覆盖 99% 的配置选项
  • 🌓 深色模式
  • 📱 兼容 手机 & 桌面

配置支持情况

  • 覆盖 99% 的配置选项

使用此皮肤

<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>
$.awesCnb({
theme: {
name: 'reacg', // 默认皮肤
},
})
</script>

view

  • 👁 宽阔视野
  • 👴 符合博客园老用户习惯
  • 👔 Material Design
  • 📱 兼容 ipad & 手机 & 桌面
  • 🌓 深色模式

配置支持情况

  • 自定义链接
  • 代码高亮
  • 代码行号
  • 图片灯箱
  • 表情输入
  • 音乐播放器
  • 随笔签名
  • 通知
  • 个性签名
  • 按钮工具

使用此皮肤

<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>
$.awesCnb({
theme: {
name: 'view',
},
})
</script>

simple

  • 👔 简约风格
  • 📱 兼容 ipad & 手机 & 桌面

配置支持情况

  • 自定义链接
  • 代码高亮
  • 代码行号
  • 图片灯箱
  • 打赏二维码
  • 表情输入
  • 音乐播放器
  • 随笔签名
  • 通知
  • 个性签名
  • 按钮工具

使用此皮肤

<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>
$.awesCnb({
theme: {
name: 'simple',
},
})
</script>

element

  • 👔 Element UI 风格

配置支持情况

  • 弹幕
  • 背景
  • live2d
  • 音乐播放器
  • 点击特效
  • 代码行号
  • 表情输入
  • 通知
  • 图片灯箱

使用此皮肤

<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>
$.awesCnb({
theme: {
name: 'element',
},
})
</script>

gshang

  • 👔 简约风格

配置支持情况

  • 背景
  • 图片灯箱
  • live2d
  • 音乐播放器
  • 点击特效
  • 代码高亮
  • 代码行号
  • 随笔签名
  • 随笔尾图

使用此皮肤

<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>
$.awesCnb({
theme: {
name: 'gshang',
},
})
</script>

acg

  • ❌ 不推荐使用
  • 🎀 二次元风格

使用此皮肤

<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>
$.awesCnb({
theme: {
name: 'acg',
},
})
</script>
Edit this page