typecho主题Joe魔改版发布(持续更新) 转自老狮的梦博客

赵斌博客
2021-08-11 / 4 评论 / 1,833 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2022年05月25日,已超过699天没有更新,若内容或图片失效,请留言反馈。
广告

首先本主题是在原主题joe4.7.6的基础上进行了魔改,增加了一些新的功能。原Joe4.7.6作者已经不再进行维护更新,最新版本为Joe6.0.1(据我所知,具体请移步原主题:https://ae.js.cn/)。

主题预览直接看我的主题就可以了,这边就不再展示了吧!

49631-mpr40sq7gzo.png

新增与改动

  • 新增了互动读者侧栏功能
  • 新增了作者单独页面
  • 新增了简繁互换功能,按钮出现在页面右下角
  • 新增了阅读模式,在文章内容页右下角出现阅读模式按钮
  • 新增了在线人数统计和博主最后在线时间,功能出现在页脚部分
  • 新增了网站运行时间
  • 新增了大红灯笼,输入内容出现,不输入内容则隐藏
  • 新增了移动底部菜单栏,可控制是否开启关闭
  • 新增了复制内容弹窗提示,可控制是否开启关闭
  • 新增了可控制是否开启画板评论功能
  • 修改了语音朗读功能,该功能尚有BUG,只支持900字以下阅读,且英文代码都朗读,后期继续完善
  • 修改了背景透明度,使背景图片不那么刺眼
  • 新增了黑夜模式
  • 修改了头像为旋转跳跃呼吸变色特效
  • 新增了统计文章字数
  • 新增了评论等级
  • 新增了文章最后修改时间提醒功能
  • 新增了文章内容页首行缩进效果
  • 新增了注册时输入密码功能
主题文件有2款字体文件,如果想更改字体的话可以在 joe.min.css 文件中找到
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    font-family: nexzhu
}

body {    
    padding-bottom: env(safe-area-inset-bottom);    
    font-family: -apple-system, SF UI Text, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif;
    font-family: nexzhu!important;        
}

修改其中两处 nexzhu ,改为light即可更换字体

下载与安装

  • 下载文件并解压到usr/themes文件下面,主题文件名为Typecho-Joe-Theme
  • 在博客后台更换外观启动Joe魔改版
  • 在设置外观中自行设置
  • 友链、动态、归档、壁纸、视频、留言均在创建新的独立页面,然后点击自定义模板中选择对应的模板
  • 电台、足迹、首页需要自行修改其中的内容
  • 设置里的最新公告提示请求失败 是个不痛不痒的提示,后续会完善

后续修改更新

  • 修改了原来的文章微缩图

打开core/core.php文件,找到/* 随机图片 */。将$random =后面部分替换成

$widget->widget('Widget_Options')->themeUrl . '/assets/img/random/' . rand(1, 25) . '.webp';

原本缩微图是指向公共的图片为叮当猫,改后直接指向主题文件/assets/img/random/内的图片,主题内的缩微图可自行修改。

  • 修复没有设置背景图片的情况下黑暗模式背景不暗黑

打开config/background.php文件,找到两处background: #f5f5f5;改成background: var(--background);即可!

本文共 687 个字数,平均阅读时长 ≈ 2分钟
广告
6

打赏

海报

正在生成.....

评论 (4)

取消
  1. 头像
    谭先生 Lv.1
    成都 ·Windows 10 · Google Chrome
    沙发

    你的php是什么版本呀

    回复 删除 垃圾
    1. 头像
      赵斌 Lv.6 作者
      XX ·Windows 7 · Google Chrome
      @ 谭先生

      我用的是5.4

      回复 删除 垃圾
  2. 头像
    谭先生 Lv.1
    XX ·Windows 10 · Google Chrome
    板凳

    朋友,当前在线那里报错你怎麽搞定的

    回复 删除 垃圾
    1. 头像
      赵斌 Lv.6 作者
      XX ·Windows 7 · Google Chrome
      @ 谭先生

      我这个安装了就是好的!没有报错过!

      回复 删除 垃圾