日常 · 2021年1月4日 23

本博客Kratos主题改造分享

概述

用了许久的 Kratos-pjax 主题后开始了视觉疲劳,总感觉还是有些花里胡哨来着,花了一晚上改了改 Kratos 主题,感觉还不错,干脆放出来吧

改了哪些?

目前只改了这些,可能会陆续增加更多的

  • 全屏背景
  • 顶部、底部均为黑色背景毛玻璃效果
  • 内容主题为白色半透明,鼠标悬浮不透明
  • 评论回复缩进
  • 超链接悬浮特效
  • 移动端显示文章分类
  • 新增友情链接模板
  • 底部新增建站时长显示
  • h1 - h3 标题新增样式,与上下间距微调
  • 文章标题居中显示
  • 头部文字可点击跳转主页
  • 文章内容上下间距微调
  • 代码块样式修改
  • 背景图片调用图床图片
  • 引用文字样式修改
  • 文章内图片可以点击查看

下一步计划...

  • 拟态化设计

食用方法

  1. 下载 最新代码 的最新版本安装主题即可
  2. 主题设置 - 全站配置 - 背景颜色清空
  3. 主题设置 - 全站配置 - 前台管理员导航关闭

所有样式代码均在 /custom 文件夹内的各种文件进行修改

  • 背景图片在 custom\custom.css 的 563 行修改

    /* 背景修改 */
    body {
    background-image: url(../img/bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    }
  • 建站时长在 footer.php 的 63 行修改

    var t1 = Date.UTC(年, 月, 日, 00, 00, 00)

下载地址

点我前往我Fork的Kratos Gitee

下载发行版安装主题启用即可

最后

感谢 Kratos 作者辛苦付出!

一级标题

二级标题

三级标题