博客配置 - 新皮肤

概述

做了一款新皮肤,支持深浅色一键切换,浅色、深色各带 8 套主题色。现在的博客就是这个皮肤,需要的可以拿去用。

特性

  • 深/浅色切换:页头月亮按钮切换深浅色
  • 16 套主题色:
    • 浅色:石板蓝、云白蓝、靛紫、蚂蚁蓝、支付紫、说文、中国红、天青
    • 深色:午夜蓝、德古拉、摩卡、紫夜、东京夜、深海青、北欧蓝、Solarized
  • 主题色按钮:色点循环切换,悬浮显示当前名称,右键色点把当前配色设为默认
  • 多端适应:桌面/手机自适应

效果

浅色八套主题色:

浅色主题色总览

深色八套主题色:

深色主题色总览

使用方法

前提:

  • JS 权限:需要开通。 页首 HTML 里是脚本,需要JS权限
  • 「禁用模板默认CSS」:不要勾,保持默认。 皮肤是叠加在平台基础样式之上工作的
  • 代码高亮、页脚 HTML:不用动;

如图

image-20261003113322781

粘贴:

博客皮肤选择 SimpleMemory,然后把附件中的三段代码分别整框替换到后台对应位置(顺序与附件一致):

区段 替换位置
区 1 设置 → 博客侧边栏公告(Html 格式)
区 2 设置 → 页面定制 CSS 代码
区 3 设置 → 页首 HTML 代码

替换后:点色点换主题色,月亮/太阳切明暗,右键色点设默认。

附件下载

皮肤附件 skin-deploy.zip。

注意事项

  • 粘贴时只选代码本身(CSS 从 /* 起、脚本从 <script> 起),不要带上"1. 页面定制 CSS 代码"这类标题行
  • 替换前可把后台原有内容备份一份,异常时粘贴回滚
  • 默认主题色想换:改页首脚本顶部的 DEFAULT_PALETTE(1-8 对应色点序号)
  • 有问题可以把网址发给 AI,让它下载到本地调试
posted @ 2026-10-03 13:08  周永恒  阅读(228)  评论(0)    收藏  举报