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

博主： cuiyonglv
发布时间：2022 年 09 月 11 日
1778 次浏览
暂无评论
2349字数
分类：资源

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

主题预览直接看我的主题就可以了，这边就不再展示了吧！
[![](https://cuiyonglv.cn/usr/uploads/2022/09/1322466361.png)](https://laolion.com/usr/uploads/2021/03/3384279941.png)

## 最新修复

* 关于远程共享文件失效的解决办法：将所有的 `cdn.jsdelivr.net`改成 `fastly.jsdelivr.net`
* 去掉了搜索结果页面的后缀，具体在 `component/search.title.php`文件中删除
* 修复手机浏览页面右侧多出空白，具体在 `assets/css/joe.min.css`文件中找到 `body {}`在里加入 `overflow-x: hidden;`代码即可

## 新增与改动

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

## 下载与安装

[点我下载!提取码：bxsm](https://pan.baidu.com/s/1JjIJbcb2rAGw9rlQo5IKOA)

备用 https://pan.baidu.com/s/1eW1UB_j-NpzrAoCxP-5k8A?pwd=j6cv 提取码: j6cv

* 下载文件并解压到 `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);`即可！
* sitemap插件
  [密码xgxk](https://pan.baidu.com/s/1Q5296Im-HMdp9gpZAGrEZg)
* 备用 https://pan.baidu.com/s/1MBvTu1Vfk-gBfaHLfNM3qA?pwd=9szz 提取码: 9szz

最后修改：2022 年 09 月 11 日

如果觉得我的文章对你有用，请随意赞赏

发表评论
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

评论 *

私密评论

名称 *

🎲

邮箱

地址

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

cuiyonglv • 2022 年 09 月 11 日

主题预览直接看我的主题就可以了，这边就不再展示了吧！
[![](https://cuiyonglv.cn/usr/uploads/2022/09/1322466361.png)](https://laolion.com/usr/uploads/2021/03/3384279941.png)

## 最新修复

## 新增与改动

> 主题文件有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**即可更换字体

## 下载与安装

[点我下载!提取码：bxsm](https://pan.baidu.com/s/1JjIJbcb2rAGw9rlQo5IKOA)

备用 https://pan.baidu.com/s/1eW1UB_j-NpzrAoCxP-5k8A?pwd=j6cv 提取码: j6cv

## 后续修改更新

* 修改了原来的文章微缩图
  打开 `core/core.php`文件，找到 `/* 随机图片 */`。将 `$random =`后面部分替换成

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

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

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

发表评论
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

日常秀恩爱 2019/12/17

七卓音乐安卓版制作进度

黑群晖篇十一：旧手机用作摄像头连接群晖-实操

2023宝塔linux面板8.0 企业版开心版专业版破解版(外网可用如需国内先本地化)

今天的心情

智简魔方安装说明

关于typecho使用handsome无法评论的问题

CentOS 7使用samba共享文件夹的完整步骤

周星驰58部-电影蓝光版本

使用宝塔面板安装搭建Alist

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

发表评论 使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

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

发表评论
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款