Typecho - Joe主题魔改版(持续更新)
Typecho - Joe主题魔改版(持续更新)
2022-07-09 / 91评论 / 8,704阅读 / 14点赞
-- XG.孤梦

Typecho - Joe主题魔改版(持续更新)

XG.孤梦
2022-07-09 / 91 评论 / 8,704 阅读 / 正在检测是否收录...

Joe主题2.1.0版本更新特点

  1. 完全兼容1.0文章编辑器与解析器
  2. 修复对Typecho1.3.0新版本的页面文章链接解析兼容问题
  3. 修复了部分已知bug
  4. 优化了部分代码逻辑
更新历史
2.0.0

  1. 重构项目,将1.x魔改迁移至新版本Joe
  2. 兼容1.x主题主要功能
  3. 代码更规范,简洁

1.2.0

  1. 修复已知bug

1.1.9

  1. 主题会随时间自动变换模式,默认(7:00-19:00)
  2. 修复了自动变换模式出现bug

1.1.8

  1. 主题会随时间自动变换模式,默认(7:00-19:00)
  2. 增加手机端页面名片卡片显示,修改了部分css
  3. 修复了部分bug

1.1.7

  1. 移除原来不规范的媒体插入方式,增加评论图片上传插入开关(配置详情见文章《Typecho-Joe主题实现图片评论功能》),效果见我的博客
  2. 优化了部分模块css显示效果,修复了移动端界面排版错乱问题
  3. 新增b站表情包包含116个表情

1.1.6

  1. 修复了排行榜,重新对接了各平台Api
  2. 增加了Github页面模板文件(github.php 默认是我的github信息)
  • 修改github信息方法:页面新加字段 github,值为你的github账户名。

15591-vqff3ey0zr.png

1.1.5

  1. 修复静态资源失效问题
  2. 修复了部分UI布局问题
  3. 增加了扫码登录入口、评论与动态ip归属地显示、所有评论等开关
  4. 增加了右下角登录按钮,下雪特效等功能

1.1.4

  1. 修复部分css显示错误
  2. 增加作者信息卡片个性签名配合定制后台使用
  3. 增加作者信息卡片背景图片自定义配合定制后台使用

1.1.3

  1. 修复部分bug
  2. 增加了自定义页面模板(可根据需要自行修改)

1.1.2

  1. 修复bug

1.1.1

  1. 修复cdn文件被污染无法访问,改为本地文件

1.1.0

  1. 修复头像显示问题
  2. 修改部分页面布局
  3. 修复侧边栏天气api改为和风天气
  4. 增加了页面访问密码模板(MkEncrypt.php)
  • 使用方法:打开 MkEncrypt.php ,查看注释介绍;

页面新加字段 passwd 值为你的要设置密码。 21578-3jpwws78ju.png


注意:文件夹名必须是 Typecho-Joe-Theme

如果想要修改文件名,请使用VScode或者其他编辑工具打开文件搜索 /Typecho-Joe-Theme/ ,将所有搜索出来的资源路径中Typecho-Joe-Theme替换成你想要的文件名


安装教程

  • 下载后解压到网站根目录/usr/themes/文件加中;
  • 登录到typecho后台 --> 更换外观 --> 启用
  • 点击设置外观修改自己想要的设置

手机端下边栏修改代码

  • Typecho-Joe-Theme/public/footer.php文件中,将 # 修改成自己想要的链接(不打开移动下边栏设置可以忽略)
    32602-qhhbsaofjtb.png

展示图

PC端首页

06101-x9qaoajohrj.png

98877-67n1gye70ce.png


移动端首页

67583-b6jfhj3142c.png

41007-jqoev6knbb.png


评论区

10430-ycdo3d5n6y9.png


模板后台管理界面

23454-qj9v4gcb548.png

88555-x3l2tqervwh.png


github地址:https://github.com/XG2020/Joe

14

评论 (91)

取消
  1. 头像
    小爱
    中国–福建–厦门 移动 · Android · Google Chrome

    主题有bug
    Warning: Undefined array key "night" in /usr/home/用户名/domains/我的域名/public_html/usr/themes/Typecho-Joe-Theme/index.php on line 25
    light">

    回复
    1. 头像
      小爱
      中国–福建–厦门 移动 · Android · Google Chrome
      @ 小爱

      有空帮我看看,没空就算了。表情

      回复
      1. 头像
        XG.孤梦 作者
        中国–广东–东莞 移动 · Windows 10/11 · Google Chrome
        @ 小爱

        不是bug就一个警告在主题目录下的index.php文件第25行用了检查主题明暗模式的, <html lang="zh-CN" data-color-mode="<?php if($_COOKIE['night']=='1')echo 'dark';else echo 'light'; ?>">你直接删除掉就完事了<?php if($_COOKIE['night']=='1')echo 'dark';else echo 'light'; ?>

        回复
    2. 头像
      小爱
      中国–福建–厦门 移动 · Android · Google Chrome
      @ 小爱

      这是1.1.9版本主题表情

      回复
  2. 头像
    小爱
    中国–福建–厦门 移动 · Android · Google Chrome

    提个建议,微语可设置折叠,不然加载很慢。或者您告诉我怎么修改?表情

    回复
    1. 头像
      小爱
      中国–福建–厦门 移动 · Android · Google Chrome
      @ 小爱

      我说错了,不是微语,是动态

      回复
      1. 头像
        XG.孤梦 作者
        中国–广东–东莞 电信 · Android · Google Chrome
        @ 小爱

        目前的动态页面比较拉胯其实就是个评论区套壳,很多地方没设计好,有时间会重写一个,折叠的话可以加个评论分页的代码照搬上去

        回复
        1. 头像
          小爱
          中国–福建–厦门 移动 · Android · Google Chrome
          @ XG.孤梦

          您可以告诉我怎么修改吗?谢谢。表情

          回复
          1. 头像
            XG.孤梦 作者
            中国–广东–东莞 电信 · Android · Google Chrome
            @ 小爱

            晚点我有时间改个看看,测试好了再发出来

            回复
            1. 头像
              小爱
              中国–福建–厦门 移动 · Android · Google Chrome
              @ XG.孤梦

              真不好意思,占用您的时间。最好把时间最近的放上面

              回复
            2. 头像
              小爱
              中国–福建–厦门 移动 · Android · Google Chrome
              @ XG.孤梦

              万分感谢表情

              回复
              1. 头像
                XG.孤梦 作者
                中国–广东–东莞 移动 · Windows 10/11 · Google Chrome
                @ 小爱

                经过测试功能都是有的,在typecho后台直接按图片里设置就有了

                回复
                1. 头像
                  小爱
                  中国–福建–厦门 移动 · Android · Google Chrome
                  @ XG.孤梦

                  已成功解决。十分感谢表情

                  回复
  3. 头像
    南川吟梦
    中国–福建–厦门 移动 · Windows 10/11 · Google Chrome
    @

    您还是没理解我的意思表情

    回复
    1. 头像
      XG.孤梦 作者
      中国–广东–东莞 移动 · Windows 10/11 · Google Chrome
      @ 南川吟梦

      你看看文档行不行https://cravatar.com/developer/api

      回复
      1. 头像
        南川吟梦
        中国–福建–厦门 移动 · Windows 10/11 · Google Chrome
        @ XG.孤梦

        我是说qq调用的源怎么是qlogo.cn,而不是cravatar.cn表情

        回复
      2. 头像
        南川吟梦
        中国–福建–厦门 移动 · Windows 10/11 · Google Chrome
        @ XG.孤梦

        谢谢,但不是这个问题表情

        回复
        1. 头像
          XG.孤梦 作者
          中国–广东–东莞 移动 · Windows 10/11 · Google Chrome
          @ 南川吟梦

          我知道你说的是什么,你说的是一使用QQ邮箱评论,头像链接就会指向qlogo.cnQQ头像接口的地址,但是这个就是cravatar源内部的逻辑,如果这个QQ邮箱没在cravatar上注册默认就调用QQ邮箱的QQ头像,这个并不是我这边的问题,我发你的cravatar文档第一条清清楚楚写着,这个问题你可以找cravatar官方反馈

          回复
          1. 头像
            南川吟梦
            中国–福建–厦门 移动 · Windows 10/11 · Google Chrome
            @ XG.孤梦

            额,抱歉,希望您能理解表情

            回复
    2. 头像
      XG.孤梦 作者
      中国–广东–东莞 移动 · Windows 10/11 · Google Chrome
      @ 南川吟梦

      你要cravatar.cn注册个账号设置头像,清除缓存后就正常了

      回复
  4. 头像
    南川吟梦
    中国–福建–厦门 移动 · Android · Google Chrome

    我在设置将主题头像源改为cravata我发现评论填qq邮箱,头像源不是显示cravatar的头像

    回复
    1. 头像
      XG.孤梦 作者
      中国–广东–东莞 移动 · Windows 10/11 · Google Chrome
      @ 南川吟梦

      看看后台设置关了这里吗?,然后再看cravata的接口文档怎么设置

      回复
      1. 头像
        南川吟梦
        中国–福建–厦门 移动 · Windows 10/11 · Google Chrome
        @ XG.孤梦

        您当时开发主题是qq邮箱用qlogo.cn源吗?不管主题设置成cravatar.cn源还是其他源,qq邮箱都显示的是qlogo.cn的头像源

        回复
        1. 头像
          南川吟梦
          中国–福建–厦门 移动 · Windows 10/11 · Google Chrome
          @ 南川吟梦

          我是这个意思

          回复
        2. 头像
          XG.孤梦 作者
          中国–广东–东莞 移动 · Windows 10/11 · Google Chrome
          @ 南川吟梦

          我现在用的就是cravatar.cn源,这个源本来就是我加上去的

          回复
          1. 头像
            南川吟梦
            中国–福建–厦门 移动 · Windows 10/11 · Google Chrome
            @ XG.孤梦

            您可以右击在菜单栏在新标签页您的评论头像,打开是qlogo.cn

            回复
          2. 头像
            南川吟梦
            中国–福建–厦门 移动 · Windows 10/11 · Google Chrome
            @ XG.孤梦

            但用qq邮箱评论的,头像都是qlogo.cn源

            回复
            1. 头像
              XG.孤梦 作者
              中国–广东–东莞 移动 · Windows 10/11 · Google Chrome
              @ 南川吟梦

              真给我说无语了,cravatar.cn的源QQ邮箱本来就会自动调用QQ头像,其他邮箱会调用设置的头像,如果cravatar.cn账号用QQ邮箱注册了修改了头像,头像就变成了修改的头像

              回复
      2. 头像
        南川吟梦
        中国–福建–厦门 移动 · Windows 10/11 · Google Chrome
        @ XG.孤梦

        表情是主题设置

        回复
  5. 头像
    666
    中国–广东–清远 电信 · Windows 10/11 · Google Chrome

    画图

    回复
  6. 头像
    南川吟梦
    中国–福建–厦门 移动 · Android · Google Chrome

    我以前使用该主题的博客在必应搜索引擎搜索后,如何让搜索出来网站卡片的文字为文章内容(seo)

    回复
    1. 头像
      XG.孤梦 作者
      中国–广东–东莞 移动 · Android · Google Chrome
      @ 南川吟梦

      这个和主题没关系,是在typecho后台设置的,你自己找找看看

      回复
  7. 头像
    南川吟梦
    中国–福建–厦门 移动 · Android · Google Chrome

    我已经有极检验证码密钥了,如何在这个主题评论区添加验证码
    需要加什么代码?

    回复
    1. 头像
      XG.孤梦 作者
      中国–广东–东莞 移动 · Windows 10/11 · Google Chrome
      @ 南川吟梦

      安装插件解决,不过我看到的插件都有些bug,要自己改,还有页面css也要自己写
      插件地址https://gitee.com/xueshanlinghu/typecho-plugin-geetest

      回复
  8. 头像
    南川吟梦
    中国–福建–厦门 移动 · Android · Google Chrome

    大佬,我在文章内插入视频,播放器没有显示,而是插入显示404的页面表情

    回复
    1. 头像
      XG.孤梦 作者
      中国–广东–东莞 电信 · Android · Google Chrome
      @ 南川吟梦

      视频报404可能是后台播放器解析没设置好,也有可能是跨域拦截或者视频链接有问题

      回复
      1. 头像
        南川吟梦
        中国–福建–厦门 移动 · Android · Google Chrome
        @ XG.孤梦

        大佬,表情原来是我在伪静态配置文件中对/usr和/var做了限制

        回复
      2. 头像
        南川
        中国–福建–厦门 移动 · Android · Google Chrome
        @ XG.孤梦

        域名托管我用的是cloudflare,即使把防火墙关了,好像也是这样,以前不会,就今天会。大佬,如何解决表情

        回复
    2. 头像
      XG.孤梦 作者
      中国–广东–东莞 电信 · Android · Google Chrome
      @ 南川吟梦

      按f12看看控制台报什么错误

      回复
      1. 头像
        南川吟梦
        中国–福建–厦门 移动 · Android · Google Chrome
        @ XG.孤梦

        视频GET失败

        回复
  9. 头像
    lifetech
    中国–福建–厦门 移动 · Android · Google Chrome

    大佬,该主题的字体能自由使用?比如嵌入式应用。这个主题的字体是什么?我能更改吗?

    回复
    1. 头像
      XG.孤梦 作者
      中国–广东–东莞 电信 · Android · Google Chrome
      @ lifetech

      电脑通用字体文件,otf、ttf,woff都能用自己找下替换就行

      回复
      1. 头像
        lifetech
        中国–福建–厦门 移动 · Android · Google Chrome
        @ XG.孤梦

        joe魔改版主题的字体是什么?我想了解它能否个人或商业(嵌入式)使用?字体的话,市面上很多,有些字体不能拿来做嵌入式应用,我怕主题使用这款字体陷入版权纠纷

        回复
        1. 头像
          XG.孤梦 作者
          中国–广东–东莞 电信 · Android · Google Chrome
          @ lifetech

          主题文件有 2 款字体文件,如果想更改字体的话可以在 joe.min.css 文件中找到关键词nexzhu,字体名应该也是这个还有个light

          回复
          1. 头像
            南川吟梦
            中国–福建–厦门 移动 · Android · Google Chrome
            @ XG.孤梦

            light是应该是字体的类型吧

            回复
            1. 头像
              XG.孤梦 作者
              中国–广东–东莞 电信 · Android · Google Chrome
              @ 南川吟梦

              不是,是另款差不多的字体

              回复
              1. 头像
                南川吟梦
                中国–福建–厦门 移动 · Android · Google Chrome
                @ XG.孤梦

                嗯嗯,这个主题非常好看,谢谢

                回复
          2. 头像
            南川吟梦
            中国–福建–厦门 移动 · Android · Google Chrome
            @ XG.孤梦

            好的

            回复
      2. 头像
        lifetech
        中国–福建–厦门 移动 · Android · Google Chrome
        @ XG.孤梦

        主题字体在哪里更换?原主题的字体可以自由使用吗?

        回复
        1. 头像
          XG.孤梦 作者
          中国–广东–东莞 电信 · Android · Google Chrome
          @ lifetech

          可以,这这个文件夹/usr/themes/Typecho-Joe-Theme/fonts

          回复
  10. 头像
    lifetech
    中国–福建–厦门 移动 · Android · Google Chrome

    为什么评论的ip归属地有时不正确?能否出一期修改ip地址库的教程

    回复
    1. 头像
      XG.孤梦 作者
      中国–广东–东莞 移动 · Android · Google Chrome
      @ lifetech

      IP数据库在/usr/themes/Typecho-Joe-Theme/core/目录下的qqwry.dat这个文件替换成新的数据库就行了

      回复
      1. 头像
        lifetech
        中国–福建–厦门 移动 · Android · Google Chrome
        @ XG.孤梦

        大佬,原来用的是什么ip库?表情

        回复
        1. 头像
          XG.孤梦 作者
          中国–广东–东莞 移动 · Android · Google Chrome
          @ lifetech

          纯真IP库,百度一下就知道了

          回复
          1. 头像
            lifetech
            中国–福建–厦门 移动 · Android · Google Chrome
            @ XG.孤梦

            谢谢,您知道还有什么ip地址库吗?

            回复
            1. 头像
              XG.孤梦 作者
              中国–广东–东莞 移动 · Windows 10/11 · Google Chrome
              回复
              1. 头像
                lifetech
                中国–福建–厦门 移动 · Android · Google Chrome
                @ XG.孤梦

                我是个小白,谢谢大佬的指导表情

                回复
            2. 头像
              XG.孤梦 作者
              中国–广东–东莞 移动 · Android · Google Chrome
              @ lifetech

              纯真是公用民用非常全的了,当然你也可以付费使用商用IP库这个会更准确,其他的IP库你要重新改代码,因为不同的库加密格式不一样

              回复
              1. 头像
                lifetech
                中国–福建–厦门 移动 · Android · Google Chrome
                @ XG.孤梦

                我在厦门,它显示福州市

                回复
                1. 头像
                  XG.孤梦 作者
                  中国–广东–东莞 移动 · Android · Google Chrome
                  @ lifetech

                  我这个3年没更新了:%(微笑)

                  回复
                  1. 头像
                    lifetech
                    中国–福建–厦门 移动 · Android · Google Chrome
                    @ XG.孤梦

                    我看您刚刚好像更新了ip库,显示都不一样了表情

                    回复
                  2. 头像
                    lifetech
                    中国–福建–厦门 移动 · Android · Google Chrome
                    @ XG.孤梦

                    您能提供库官方下载地址吗?十分感谢!表情

                    回复