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

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

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

Joe主题1.1.9版本更新特点

1.主题会随时间自动变换模式,默认(7:00-19:00)

2.修复了自动变换模式出现bug

修改内容较多,请自行探索

更新历史

[collapse]
[collapse-item label="1.1.8"]

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

[/collapse-item]
[collapse-item label="1.1.7"]

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

[/collapse-item]
[collapse-item label="1.1.6"]

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

15591-vqff3ey0zr.png

[/collapse-item]
[collapse-item label="1.1.5"]

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

[/collapse-item]
[collapse-item label="1.1.4"]

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

[/collapse-item]
[collapse-item label="1.1.3"]

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

[/collapse-item]
[collapse-item label="1.1.2"]

  1. 修复bug

[/collapse-item]
[collapse-item label="1.1.1"]

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

[/collapse-item]
[collapse-item label="1.1.0"]

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

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

[/collapse-item]
[/collapse]


注意:文件夹名必须是 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/Typecho-Joe-Theme

[card-default width="100%" label="下载地址"]
[btn href="https://www.lanzoum.com/b01drs7ob" type="primary"]点击下载[/btn] 复制密码: [copy]xggm[/copy]
[/card-default]

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 · 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 · Google Chrome
                @ 小爱

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

          我是这个意思

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

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

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

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

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

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

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

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

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

        表情是主题设置

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

    画图

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

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

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

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

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

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

    回复
    1. 头像
      XG.孤梦 作者
      中国–广东–东莞 移动 · Windows 10 · 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 · 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.孤梦

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

                    回复