TypechoJoeTheme

老狮的梦

统计
登录
用户名
密码
/
注册
用户名
邮箱
输入密码
确认密码

typecho主题Joe魔改版发布(持续更新)

老狮博主
2021-03-19
/
238 评论
/
24,947 阅读
/
767 个字
/
百度已收录
03/19
本文最后更新于2022年05月29日,已超过32天没有更新。如果文章内容或图片资源失效,请留言反馈,我会及时处理,谢谢!

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

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

最新修复

  • 关于远程共享文件失效的解决办法:将所有的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

  • 下载文件并解压到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
Typecho主题
朗读
赞(163)
赞赏
感谢您的支持,我会继续努力哒!
版权属于:

老狮的梦

本文链接:

https://laolion.com/archives/2591.html(转载时请注明本文出处及文章链接)

评论 (238)
  1. 三五主页 闲逛
    Android · Google Chrome

    来了来了,正需要一份好用的模板

    2022-06-26 回复
  2. 优盟盒子 闲逛
    Windows 10 · Google Chrome

    老师,你好,请教下文章页面右上角那个右上角的摇摆这个功能怎么弄的,能否告知下 谢谢

    2022-06-23 回复
  3. aihe 闲逛
    Windows 10 · Google Chrome

    老师您好,请问评论邮件通知这个功能是使用插件实现的吗?还是您自己写得。
    如果是插件的话,请问是否可以提供一份下载?感谢。

    2022-06-22 回复
    1. 老狮 博主
      Android · QQ Browser
      @aihe

      插件LoveKKComment
      百度搜索一下就有

      2022-06-22 回复
  4. aihe 闲逛
    Windows 10 · Google Chrome

    老师您好,我想问一下,为什么我也使用默认的nexzhu字体就和您的显示的不同呢?我是否需要在单独设置一下哪里才可以达到您网站的字体效果?

    2022-06-20 回复
    1. 老狮 博主
      Android · QQ Browser
      @aihe

      检查一下字体的路径是否正确,可能需要你修改一下,具体要文章介绍

      2022-06-20 回复
      1. aihe 闲逛
        Windows 10 · Google Chrome
        @老狮

        字体的路径应该没有问题,我把路径设置成了我自己的域名依然一样,然后设置回您域名的话,也是同样不能显示,不清楚为什么。为此我还找了一份ttf字体然后转换成对应格式并上传了,依然不起效。
        我使用的是LNMP一一键包,是否需要linux先安装一个同样的字体?
        下面的是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; overflow-x: hidden;

        }
        @font-face {
        font-family: "nexzhu";
        src: url(https://www.249249.xyz/usr/themes/Typecho-Joe-Theme/fonts/blockdole.woff2) format("woff2"),

        url(https://www.249249.xyz/usr/themes/Typecho-Joe-Theme/fonts/blockdole.woff) format("woff"), url(https://www.249249.xyz/usr/themes/Typecho-Joe-Theme/fonts/blockdole.ttf) format("truetype"), url(https://www.249249.xyz/usr/themes/Typecho-Joe-Theme/fonts/blockdole.eot) format("embedded-opentype"), url(https://www.249249.xyz/usr/themes/Typecho-Joe-Theme/fonts/blockdole.svg) format("svg");

        }
        @font-face {
        font-family: "light";
        src: url(https://www.249249.xyz/usr/themes/Typecho-Joe-Theme/fonts/light.woff2) format("woff2"),

        url(https://www.249249.xyz/usr/themes/Typecho-Joe-Theme/fonts/light.woff) format("woff"), url(https://www.249249.xyz/usr/themes/Typecho-Joe-Theme/fonts/light.ttf) format("truetype"), url(https://www.249249.xyz/usr/themes/Typecho-Joe-Theme/fonts/light.eot) format("embedded-opentype"), url(https://www.249249.xyz/usr/themes/Typecho-Joe-Theme/fonts/light.svg) format("svg");

        }

        2022-06-21 回复
  5. Hack 博主
    MacOS · Safari

    你好。搭建后手机wap端文章显示太大,希望改进一下,wap端显示图标小点,类似初始joe的文章wap显示。wap端显示太大看起来给人的感觉比较难受。如果缩略图在左侧,这样看着比较舒服,一个文章缩略图占了一半,希望改进一下。最后就是原有的joe自带的joe编辑器,你取消了,这个编辑器很好用,但是你取消了,这个可以优化一下,谢谢

    2022-06-14 回复
  6. 圆周率 闲逛
    Windows 10 · Google Chrome

    老狮,我觉得注册时最好设置一个邮箱认证或是验证码,但是一般的插件无法使用,希望能单独加一个功能或者将注册方式改为跳转到Typecho自带的注册页面

    2022-06-13 回复
  7. amiisk 闲逛
    Windows 10 · QQ Browser

    老狮 请问下贵站的文章页这个右上角的摇摆这个功能怎么弄的 可否出个教程

    2022-06-10 回复
  8. 秋天笔记 闲逛
    Android · Google Chrome

    我手机打开魔改版的主页最下面的图标,点击跳转到你的博客了,怎么办

    2022-06-08 回复
    1. 老狮 博主
      Android · QQ Browser
      @秋天笔记

      最下面的图标应该是备案图标,点击会调到备案网站呀

      2022-06-08 回复
  9. 八九 闲逛
    Windows 10 · Google Chrome

    盼望博主大佬跟新新版!

    2022-06-05 回复
  10. qll 闲逛
    Windows 10 · Google Chrome

    老狮,我网页点击文章不会跳转,还必须得刷新一下才会,这是个什么原因呀?我现在不知道是改了哪个地方的原因,都不会跳转了

    2022-06-04 回复

互动读者

  • 八九闲逛

    评论 5 次 | 文章 0 篇

  • 老狮博主

    评论 5 次 | 文章 335 篇

  • aihe闲逛

    评论 3 次 | 文章 0 篇

  • 秋天笔记闲逛

    评论 3 次 | 文章 0 篇

标签云