typecho主题Joe魔改版发布（持续更新）

​

原文地址：https://cloud.tencent.com/developer/article/2234206

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

​

　　主题预览直接看https://www.laolion.com/https://www.laolion.com/主题就可以了，这边就不再展示了吧！

新增与改动

• 新增了互动读者侧栏功能
• 新增了作者单独页面
• 新增了简繁互换功能，按钮出现在页面右下角
• 新增了阅读模式，在文章内容页右下角出现阅读模式按钮
• 新增了在线人数统计和博主最后在线时间，功能出现在页脚部分
• 新增了网站运行时间
• 新增了大红灯笼，输入内容出现，不输入内容则隐藏
• 新增了移动底部菜单栏，可控制是否开启关闭
• 新增了复制内容弹窗提示，可控制是否开启关闭
• 新增了可控制是否开启画板评论功能
• 修改了语音朗读功能，该功能尚有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);即可！